appmax-client-vue3 5.2.0 → 5.3.0

package/dist/WithdrawNegativeCompany.vue_vue_type_script_setup_true_lang-DsBRkO3V.js

@@ -0,0 +1,530 @@
+import { bR as toFloat, ac as formatFloatMoney, E as ApiService, e as computed, as as toRefs, x as reactive, ab as userService, z as watch, ad as defineComponent, g as createElementBlock, h as openBlock, i as createVNode, j as createBaseVNode, w as withCtx, m as createTextVNode, t as toDisplayString, l as unref, y, $, r as ref, aj as useAlertsStore, bI as toRaw, F as Fragment, p as renderList, _ as _export_sfc, bS as useMediaQuery, q as createBlock, k as createCommentVNode, P, a5 as withDirectives, ax as vShow } from "./main-CJqq8LV_.js";
+import { c as companyState } from "./WithdrawCompanyStore-DSIZaZtK.js";
+import { B as BalanceType, w as withdrawCalculateService, b as bankAccountState } from "./WithdrawBankAccountStore-BsaoATPX.js";
+import { w as withdrawPendenciesService } from "./index-Bp5qyvnE.js";
+import { A as AmCardV3 } from "./AmCardV3-CvAuzYKv.js";
+import { A as AmText } from "./AmText-DuhStQJl.js";
+const commonValues = {
+  error: false,
+  isLoading: true,
+  netValue: 0,
+  formattedNetValue: "-",
+  grossValue: 0,
+  formattedGrossValue: "-",
+  isWithdrawalTooLow: false,
+  disabled: true,
+  hasButton: false,
+  buttonLabel: "",
+  retention: 0,
+  formattedRetention: "",
+  isClickable: false,
+  main: true,
+  required: true,
+  minAmountAvailableToWithdraw: 0,
+  hasReachedMinAmountToWithdraw: true
+};
+const withdrawNationalExtractData = {
+  totalToRequest: {
+    ...commonValues,
+    label: "withdraw_v3.totalToRequest.label",
+    route: "/balance/companies/available",
+    key: "totalToRequest",
+    hasButton: true,
+    buttonLabel: "withdraw_v3.totalToRequest.button",
+    href: "/v2/client/integration/withdraw/request"
+  },
+  totalToAdvance: {
+    ...commonValues,
+    label: "withdraw_v3.totalToAdvance.label",
+    route: "/balance/companies/to-release",
+    key: "totalToAdvance",
+    retention: 0,
+    hasButton: true,
+    buttonLabel: "withdraw_v3.totalToAdvance.button",
+    href: "/v2/client/integration/withdraw/advance"
+  },
+  amountInGuarantee: {
+    ...commonValues,
+    label: "withdraw_v3.amountInGuarantee.label",
+    route: "/balance/companies/guarantee",
+    key: "amountInGuarantee",
+    hasButton: true,
+    main: false,
+    info: "withdraw_v3.amountInGuarantee.info",
+    href: "/v2/saque/extrato-garantia/COMPANY_ID?tab=garantia"
+  },
+  amountInAntifraud: {
+    ...commonValues,
+    label: "withdraw_v3.amountInAntifraud.label",
+    route: "/balance/companies/antifraud",
+    key: "amountInAntifraud",
+    hasButton: true,
+    main: false,
+    info: "withdraw_v3.amountInAntifraud.info",
+    href: "/v2/saque/extrato-garantia/COMPANY_ID?tab=antifraude"
+  },
+  amountInContract: {
+    ...commonValues,
+    label: "withdraw_v3.amountInContract.label",
+    route: "/api/balance/companies/contract-effect",
+    key: "amountInContract",
+    main: false,
+    info: "withdraw_v3.amountInContract.info",
+    required: false
+  }
+};
+const withdrawInternationalExtractData = {
+  internationalTotalToRequest: {
+    ...commonValues,
+    label: "withdraw_v3.internationalTotalToRequest.label",
+    route: "/api/balance/international/companies/available",
+    key: "internationalTotalToRequest",
+    hasButton: true,
+    buttonLabel: "withdraw_v3.internationalTotalToRequest.button",
+    href: "/v2/client/integration/withdraw/international"
+  },
+  internationalTotalGuarantee: {
+    ...commonValues,
+    label: "withdraw_v3.internationalTotalGuarantee.label",
+    route: "/api/balance/international/companies/guarantee",
+    key: "internationalTotalGuarantee",
+    info: "withdraw_v3.internationalTotalGuarantee.info"
+  }
+};
+const INTERNATIONAL_CURRENCY = "USD";
+class WithdrawExtractService {
+  constructor(apiService, calculateService) {
+    this.apiService = apiService;
+    this.calculateService = calculateService;
+  }
+  async getItemKeyByCompanyId(key, companyId, bankAccountId) {
+    const isInternationalKey = key.includes("international");
+    if (isInternationalKey) {
+      return this.getInternational(key, companyId, bankAccountId);
+    }
+    return this.getNational(key, companyId, bankAccountId);
+  }
+  async getNational(key, companyId, bankAccountId) {
+    const item = { ...withdrawNationalExtractData[key] };
+    const params = { company_id: companyId, bank_account_id: bankAccountId };
+    const { data } = await this.apiService.get(item.route, { params });
+    if (data.retained_value) {
+      item.retention = toFloat(data.retained_value);
+      item.formattedRetention = formatFloatMoney(item.retention);
+    }
+    item.grossValue = toFloat(data.value) || toFloat(data.total);
+    item.netValue = await this.calculatedNetValue(key, companyId, item.grossValue, bankAccountId);
+    return this.serializeItem(item);
+  }
+  async getInternational(key, companyId, bankAccountId) {
+    const item = { ...withdrawInternationalExtractData[key] };
+    const params = { company_id: companyId, bank_account_id: bankAccountId };
+    const { data } = await this.apiService.get(item.route, { params });
+    const { total = 0, minAvailableToWithdraw = 0 } = data.find((value) => value.currency === INTERNATIONAL_CURRENCY) || {};
+    item.grossValue = toFloat(total);
+    item.netValue = await this.calculatedNetValue(key, companyId, item.grossValue, bankAccountId);
+    item.minAmountAvailableToWithdraw = toFloat(minAvailableToWithdraw);
+    item.hasReachedMinAmountToWithdraw = item.grossValue >= item.minAmountAvailableToWithdraw;
+    return this.serializeItem(item, INTERNATIONAL_CURRENCY);
+  }
+  async calculatedNetValue(key, companyId, grossValue, bankAccountId) {
+    const keysWithNegativeValueAllowed = ["amountInGuarantee", "internationalTotalGuarantee"];
+    if (!keysWithNegativeValueAllowed.includes(key) && grossValue <= 0) return 0;
+    if (key === "totalToAdvance" || key === "totalToRequest" || key === "internationalTotalToRequest") {
+      const balanceType = this.getBalanceType(key);
+      const payload = { companyId, value: grossValue, availableValue: grossValue, balanceType, bankAccountId };
+      const noAbort = true;
+      const { netValue } = await this.calculateService.getValues(payload, noAbort);
+      return netValue > 0 ? netValue : 0;
+    }
+    return grossValue;
+  }
+  serializeItem(item, currency) {
+    const disabled = item.netValue <= 0;
+    return {
+      ...item,
+      disabled,
+      isWithdrawalTooLow: disabled && item.grossValue > 0,
+      formattedNetValue: formatFloatMoney(item.netValue, currency),
+      formattedGrossValue: formatFloatMoney(item.grossValue, currency)
+    };
+  }
+  getBalanceType(key) {
+    if (key === "totalToAdvance") return BalanceType.ADVANCE;
+    if (key === "internationalTotalToRequest") return BalanceType.INTERNATIONAL;
+    return BalanceType.WITHDRAW;
+  }
+}
+const withdrawExtractService = new WithdrawExtractService(ApiService, withdrawCalculateService);
+const extractState = reactive({
+  isInternationalAllowed: false,
+  isInternationalTabActive: false,
+  ...withdrawNationalExtractData,
+  ...withdrawInternationalExtractData
+});
+const getData = async () => {
+  getNationalExtract();
+  if (extractState.isInternationalAllowed) getInternationalExtract();
+};
+const getNationalExtract = async () => {
+  getExtractByKey("totalToRequest");
+  getExtractByKey("totalToAdvance");
+  getExtractByKey("amountInGuarantee");
+  getExtractByKey("amountInAntifraud");
+  getExtractByKey("amountInContract");
+};
+const getInternationalExtract = async () => {
+  getExtractByKey("internationalTotalToRequest");
+  getExtractByKey("internationalTotalGuarantee");
+};
+const getExtractByKey = async (key) => {
+  var _a, _b;
+  const companyId = (_a = companyState.selected) == null ? void 0 : _a.id;
+  const bankAccountId = (_b = bankAccountState.selected) == null ? void 0 : _b.id;
+  if (!companyId) return;
+  try {
+    extractState[key].isLoading = true;
+    extractState[key].error = false;
+    const data = await withdrawExtractService.getItemKeyByCompanyId(key, companyId, bankAccountId);
+    Object.assign(extractState[key], data);
+  } catch (error) {
+    extractState[key].error = true;
+  } finally {
+    extractState[key].isLoading = false;
+  }
+};
+watch(() => {
+  var _a;
+  return (_a = companyState.selected) == null ? void 0 : _a.id;
+}, getData);
+watch(() => {
+  var _a;
+  return (_a = bankAccountState.selected) == null ? void 0 : _a.hasFreeWithdrawTax;
+}, getData);
+const hasInternational = async () => {
+  const { internationalFeatureAllowed } = await userService.getData();
+  extractState.isInternationalAllowed = internationalFeatureAllowed;
+  extractState.isInternationalTabActive = internationalFeatureAllowed;
+  if (!internationalFeatureAllowed) return;
+  getInternationalExtract();
+};
+let initialized$1 = false;
+const init$1 = () => {
+  if (initialized$1) return;
+  initialized$1 = true;
+  hasInternational();
+};
+const useWithdrawExtractStore = () => {
+  init$1();
+  return {
+    ...toRefs(extractState),
+    getData,
+    isInternationalAllowed: computed(() => extractState.isInternationalAllowed),
+    setInternationalTabActive: (value) => extractState.isInternationalTabActive = value
+  };
+};
+const useWithdrawExtractStoreByKey = (key) => {
+  init$1();
+  const state = extractState[key];
+  const disabled = computed(() => {
+    var _a;
+    if (key === "totalToAdvance" && !((_a = companyState.selected) == null ? void 0 : _a.canAdvanceWithdraw)) return true;
+    return state.isLoading || state.error || state.disabled;
+  });
+  return {
+    ...toRefs(state),
+    href: computed(() => {
+      if (!state.href || !companyState.selected) return;
+      return state.href.replace("COMPANY_ID", companyState.selected.id.toString());
+    }),
+    isInternationalAllowed: computed(() => extractState.isInternationalAllowed),
+    isClickable: computed(() => state.isClickable && state.href && !disabled.value),
+    disabled,
+    required: computed(() => state.required || state.netValue > 0)
+  };
+};
+const _hoisted_1$3 = {
+  "data-test": "shopify-antifraud-missing-notification",
+  class: "flex md:!flex-row flex-col w-full justify-between gap-4"
+};
+const __default__$4 = defineComponent({
+  name: "ShopifyAntifraudMissingNotification"
+});
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  ...__default__$4,
+  setup(__props) {
+    const URL = "https://apps.shopify.com/appmax-antifraude?locale=pt-BR&st_source=autocomplete";
+    const handleClick = () => {
+      window.open(URL, "_blank");
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$3, [
+        createVNode(unref(y), { "data-test": "shopify-antifraud-missing-notification-message" }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(_ctx.$t("withdraw_v3.alert.shopify-antifraud-missing.subtitle")), 1)
+          ]),
+          _: 1
+        }),
+        createBaseVNode("div", null, [
+          createVNode(unref($), {
+            size: "small",
+            "data-test": "shopify-antifraud-missing-notification-button",
+            label: _ctx.$t("withdraw_v3.alert.shopify-antifraud-missing.button"),
+            onClick: handleClick
+          }, null, 8, ["label"])
+        ])
+      ]);
+    };
+  }
+});
+const _hoisted_1$2 = {
+  class: "flex md:!flex-row flex-col w-full justify-between gap-4",
+  "data-test": "vtex-missing-notification"
+};
+const __default__$3 = { name: "VtexMissingAlert" };
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  ...__default__$3,
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$2, [
+        createVNode(unref(y), { "data-test": "vtex-missing-notification-text" }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(_ctx.$t("withdraw_v3.alert.vtex-missing.text")), 1)
+          ]),
+          _: 1
+        }),
+        createVNode(unref($), {
+          class: "!min-w-fit !h-fit !whitespace-nowrap !w-fit",
+          size: "small",
+          "data-test": "vtex-missing-notification-button",
+          label: _ctx.$t("withdraw_v3.alert.vtex-missing.button"),
+          to: "/vtex-tokens"
+        }, null, 8, ["label"])
+      ]);
+    };
+  }
+});
+const { addAlert, removeAlert } = useAlertsStore();
+const pendenciesState = reactive({
+  userNeedLimit: false,
+  userMissingShopifyAntifraud: { has: false, closed: false },
+  userNegativeNationalBalances: [],
+  userNegativeInternationalBalances: [],
+  userVtex: false
+});
+const getPendencies = async () => {
+  const response = await withdrawPendenciesService.getPendencies();
+  pendenciesState.userNeedLimit = response.userNeedLimit;
+  pendenciesState.userMissingShopifyAntifraud = response.userMissingShopifyAntifraud;
+  pendenciesState.userVtex = response.userVtex;
+  pendenciesState.userNegativeNationalBalances = response.userNegativeNationalBalances;
+  pendenciesState.userNegativeInternationalBalances = response.userNegativeInternationalBalances;
+  if (response.userMissingShopifyAntifraud.has) {
+    addAlert({
+      name: "userMissingShopifyAntifraud",
+      severity: "info",
+      component: toRaw(_sfc_main$4),
+      onlyRoutes: ["withdraw.index"]
+    });
+  }
+  if (response.userVtex) {
+    addAlert({
+      name: "userVtex",
+      severity: "info",
+      component: toRaw(_sfc_main$3),
+      onlyRoutes: ["withdraw.index"]
+    });
+  }
+};
+const closePendency = (key) => {
+  removeAlert(key);
+  if (key === "userNeedLimit") {
+    pendenciesState.userNeedLimit = false;
+  } else if (key === "userMissingShopifyAntifraud") {
+    pendenciesState.userMissingShopifyAntifraud.closed = true;
+  }
+};
+const initialized = ref(false);
+const init = () => {
+  if (initialized.value) return;
+  initialized.value = true;
+  getPendencies();
+};
+const useWithdrawPendenciesStore = () => {
+  init();
+  return { ...toRefs(pendenciesState), closePendency };
+};
+const _hoisted_1$1 = { class: "negative-company-table__header" };
+const _hoisted_2$1 = {
+  target: "_blank",
+  href: "https://help.appmax.com.br/pt-br/central-de-ajuda/regularizando-debitos-na-appmax"
+};
+const __default__$2 = { name: "WithdrawNegativeCompanyTable" };
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  ...__default__$2,
+  props: {
+    balances: {},
+    isInternational: { type: Boolean }
+  },
+  setup(__props) {
+    const DATA_TEST_PREFIX = "withdraw-negative-company-table";
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: "negative-company-table",
+        "data-test": DATA_TEST_PREFIX
+      }, [
+        createBaseVNode("div", _hoisted_1$1, [
+          createVNode(AmText, { size: "small" }, {
+            default: withCtx(() => [
+              createBaseVNode("strong", null, toDisplayString(_ctx.$t("withdraw_v3.document.cnpj")), 1)
+            ]),
+            _: 1
+          })
+        ]),
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.balances, (company, index) => {
+          return openBlock(), createElementBlock("div", {
+            key: index,
+            class: "negative-company-table__content"
+          }, [
+            createVNode(AmText, {
+              size: "small",
+              "data-test": `${DATA_TEST_PREFIX}-document-${index}`
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(company.document), 1)
+              ]),
+              _: 2
+            }, 1032, ["data-test"])
+          ]);
+        }), 128)),
+        createVNode(AmText, {
+          color: "secondary",
+          size: "small",
+          as: "span"
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(_ctx.$t("withdraw_v3.notification.negative-company.debitTextContent")), 1)
+          ]),
+          _: 1
+        }),
+        createBaseVNode("a", _hoisted_2$1, toDisplayString(_ctx.$t("withdraw_v3.notification.negative-company.short")), 1)
+      ]);
+    };
+  }
+});
+const WithdrawNegativeCompanyTable = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-881ddb5d"]]);
+const _hoisted_1 = { class: "negative-company-accordion__footer" };
+const _hoisted_2 = { class: "negative-company-accordion__inner-footer" };
+const _hoisted_3 = ["aria-hidden"];
+const _hoisted_4 = { class: "negative-company-accordion__inner-content" };
+const __default__$1 = { name: "WithdrawNegativeCompanyNotification" };
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  ...__default__$1,
+  props: {
+    balances: {},
+    isInternational: { type: Boolean }
+  },
+  setup(__props) {
+    const isMobile = useMediaQuery("(max-width: 775px)");
+    const DATA_TEST_PREFIX = "withdraw-negative-company";
+    const hidden = ref(true);
+    const openedAcordion = ref(true);
+    const toggleAccordion = () => {
+      openedAcordion.value = !openedAcordion.value;
+      hidden.value = !hidden.value;
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(AmCardV3, {
+        class: "negative-company-accordion",
+        "data-test": DATA_TEST_PREFIX
+      }, {
+        default: withCtx(() => [
+          createBaseVNode("div", _hoisted_1, [
+            createBaseVNode("div", _hoisted_2, [
+              createVNode(unref(P), {
+                icon: "warning",
+                class: "text-danger shrink-0",
+                size: "sm"
+              }),
+              createVNode(AmText, {
+                "data-test": `${DATA_TEST_PREFIX}-title`,
+                color: "secondary",
+                size: "small",
+                as: "span"
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(_ctx.balances.length > 1 ? _ctx.$t("withdraw_v3.notification.negative-company.title-companies") : _ctx.$t("withdraw_v3.notification.negative-company.title-company")) + " ", 1),
+                  unref(isMobile) ? (openBlock(), createElementBlock("a", {
+                    key: 0,
+                    target: "_blank",
+                    onClick: toggleAccordion
+                  }, toDisplayString(hidden.value ? _ctx.$t("withdraw_v3.accordion.show") : _ctx.$t("withdraw_v3.accordion.hide")), 1)) : createCommentVNode("", true)
+                ]),
+                _: 1
+              }, 8, ["data-test"])
+            ]),
+            !unref(isMobile) ? (openBlock(), createBlock(unref($), {
+              key: 0,
+              class: "shrink-0",
+              size: "small",
+              text: "",
+              severity: "secondary",
+              "data-test": `${DATA_TEST_PREFIX}-button`,
+              icon: hidden.value ? "expand_more" : "expand_less",
+              "icon-pos": "right",
+              label: hidden.value ? _ctx.$t("withdraw_v3.accordion.show") : _ctx.$t("withdraw_v3.accordion.hide"),
+              onClick: toggleAccordion
+            }, null, 8, ["data-test", "icon", "label"])) : createCommentVNode("", true)
+          ]),
+          createBaseVNode("div", {
+            class: "negative-company-accordion__content",
+            "aria-hidden": hidden.value
+          }, [
+            createBaseVNode("div", null, [
+              createBaseVNode("div", _hoisted_4, [
+                createVNode(WithdrawNegativeCompanyTable, {
+                  balances: _ctx.balances,
+                  isInternational: _ctx.isInternational
+                }, null, 8, ["balances", "isInternational"])
+              ])
+            ])
+          ], 8, _hoisted_3)
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+const WithdrawNegativeCompanyNotification = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-39304e44"]]);
+const __default__ = { name: "WithdrawNegativeCompany" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  setup(__props) {
+    const { userNegativeNationalBalances, userNegativeInternationalBalances } = useWithdrawPendenciesStore();
+    const { isInternationalTabActive } = useWithdrawExtractStore();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        unref(userNegativeNationalBalances).length ? withDirectives((openBlock(), createBlock(WithdrawNegativeCompanyNotification, {
+          key: 0,
+          balances: unref(userNegativeNationalBalances)
+        }, null, 8, ["balances"])), [
+          [vShow, !unref(isInternationalTabActive)]
+        ]) : createCommentVNode("", true),
+        unref(userNegativeInternationalBalances).length ? withDirectives((openBlock(), createBlock(WithdrawNegativeCompanyNotification, {
+          key: 1,
+          balances: unref(userNegativeInternationalBalances),
+          isInternational: ""
+        }, null, 8, ["balances"])), [
+          [vShow, unref(isInternationalTabActive)]
+        ]) : createCommentVNode("", true)
+      ], 64);
+    };
+  }
+});
+export {
+  _sfc_main as _,
+  useWithdrawExtractStore as a,
+  useWithdrawExtractStoreByKey as b,
+  extractState as e,
+  useWithdrawPendenciesStore as u
+};