appmax-client-vue3 5.5.0 → 5.6.0

package/dist/WithdrawRequest-ae1W_STE.js

@@ -0,0 +1,944 @@
+import { _ as _export_sfc, g as createElementBlock, h as openBlock, i as createVNode, w as withCtx, m as createTextVNode, t as toDisplayString, l as unref, y, d as useBreakpoint, z as reactive, r as ref, o as onMounted, Q as onUnmounted, v as createBlock, $, k as createCommentVNode, S as normalizeStyle, F as Fragment, q as renderList, n as normalizeClass, T as Teleport, e as computed, j as createBaseVNode, u as useI18n, a as useToast, x as formatMoney, p as _, C as w, O as formatPercentages, A as watch, c as useRouter, G as ApiService } from "./main-Co25L4rd.js";
+import { A as AmSkeleton } from "./AmSkeleton-DbpC0aEn.js";
+import { E as EMPTY_VALUE } from "./constants-DyV6VktQ.js";
+import { A as AmOutlineCard } from "./AmOutlineCard-DUVvoZKk.js";
+import { y as y$1 } from "./AmTooltip.vue_vue_type_script_setup_true_lang-DvhTZs1v-BaxS6Ek6.js";
+import { z } from "./index-DytUNHuU.js";
+import { A as AmLayoutInnerData } from "./AmLayoutInnerData-7AKh68vS.js";
+import { u as useAnticipationStore, W as WithdrawWarning, _ as _sfc_main$8 } from "./WithdrawNoAccountWarning-FrFFT0Yj.js";
+import { A as AmCardV3 } from "./AmCardV3-C487NvTL.js";
+const _sfc_main$7 = {
+  __name: "LabelInfo",
+  props: {
+    label: {
+      type: String,
+      default: EMPTY_VALUE
+    },
+    isLoading: {
+      type: Boolean,
+      default: false
+    },
+    value: {
+      type: String,
+      default: EMPTY_VALUE
+    },
+    dataTest: {
+      type: String,
+      required: true
+    },
+    typographyStyle: {
+      type: String,
+      default: "l6"
+    },
+    weight: {
+      type: String,
+      default: "regular"
+    }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", null, [
+        createVNode(unref(y), { class: "mb-1" }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(__props.label), 1)
+          ]),
+          _: 1
+        }),
+        createVNode(AmSkeleton, { isLoading: __props.isLoading }, {
+          default: withCtx(() => [
+            createVNode(unref(y), {
+              class: "prose",
+              variant: "subtitle",
+              "is-strong": __props.weight === "medium",
+              "data-test": __props.dataTest
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(__props.value), 1)
+              ]),
+              _: 1
+            }, 8, ["is-strong", "data-test"])
+          ]),
+          _: 1
+        }, 8, ["isLoading"])
+      ]);
+    };
+  }
+};
+const LabelInfo = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-fbe24fd2"]]);
+const _hoisted_1$4 = ["onClick"];
+const _sfc_main$6 = {
+  __name: "DropdownBankAccounts",
+  props: { bankAccounts: { type: Array, default: () => [] } },
+  emits: ["bank-account-change"],
+  setup(__props, { emit: __emit }) {
+    const isMobileSize = useBreakpoint("mobile");
+    const emit = __emit;
+    const stylePosition = reactive({});
+    const dropdown = ref(null);
+    const showDropdown = ref(false);
+    const setDropdownPosition = () => {
+      const el = dropdown.value;
+      const { top, left, height, width } = el.getBoundingClientRect();
+      stylePosition.left = `${left + width}px`;
+      stylePosition.top = `${top + height}px`;
+      stylePosition.translate = "-100% 0";
+      stylePosition.minWidth = `${width}px`;
+    };
+    const toggleDropdown = () => {
+      showDropdown.value = !showDropdown.value;
+      setDropdownPosition();
+    };
+    const closeDropdown = () => {
+      showDropdown.value = false;
+    };
+    const setBankAccount = (item) => {
+      closeDropdown();
+      emit("bank-account-change", item);
+    };
+    const handleClickOutside = (e) => {
+      const el = dropdown.value;
+      if (!(el == null ? void 0 : el.contains(e.target))) closeDropdown();
+    };
+    onMounted(() => {
+      document.addEventListener("click", handleClickOutside);
+      setDropdownPosition();
+    });
+    onUnmounted(() => {
+      document.removeEventListener("click", handleClickOutside);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "dropdown",
+        ref: dropdown,
+        class: "account-dropdown-wrapper"
+      }, [
+        createVNode(unref($), {
+          outlined: "",
+          size: "small",
+          label: _ctx.$t("withdraw.changeAccount"),
+          icon: "expand_more",
+          "data-test": "withdrawv3-company-change-account",
+          onClick: toggleDropdown
+        }, null, 8, ["label"]),
+        (openBlock(), createBlock(Teleport, { to: "body" }, [
+          showDropdown.value ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: "account-dropdown",
+            style: normalizeStyle(stylePosition)
+          }, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.bankAccounts, (item, key) => {
+              return openBlock(), createElementBlock("div", {
+                key,
+                class: "account-dropdown__item",
+                onClick: ($event) => setBankAccount(item)
+              }, [
+                createVNode(unref(y), {
+                  class: normalizeClass(["account-dropdown__item__detail mr-3", { "mb-2": unref(isMobileSize) }]),
+                  "data-test": "withdrawv3-company-pix-type"
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(`${_ctx.$t("withdraw.pixKey")} (${item.pix_key_type || _ctx.EMPTY_VALUE})`), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["class"]),
+                createVNode(unref(y), {
+                  class: "account-dropdown__item__detail",
+                  "data-test": "withdrawv3-company-pix"
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(item.pix_key || _ctx.EMPTY_VALUE), 1)
+                  ]),
+                  _: 2
+                }, 1024)
+              ], 8, _hoisted_1$4);
+            }), 128))
+          ], 4)) : createCommentVNode("", true)
+        ]))
+      ], 512);
+    };
+  }
+};
+const DropdownBankAccounts = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-c323f6b6"]]);
+const _hoisted_1$3 = { class: "withdraw-account" };
+const _hoisted_2$2 = { class: "withdraw-account__data-info" };
+const _sfc_main$5 = {
+  __name: "WithdrawRequestAccount",
+  props: {
+    company: { type: Object, default: () => ({}) },
+    bankAccounts: { type: Array, default: () => [] },
+    isLoading: { type: Boolean, default: false }
+  },
+  emits: ["bank-account-change"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const showDropdowButton = computed(() => {
+      var _a;
+      const hasBankAccounts = ((_a = props.bankAccounts) == null ? void 0 : _a.length) > 1;
+      return !props.isLoading && hasBankAccounts;
+    });
+    const setBankAccount = (item) => {
+      emit("bank-account-change", item);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("section", _hoisted_1$3, [
+        createVNode(AmOutlineCard, { class: "withdraw-account__name" }, {
+          default: withCtx(() => [
+            createVNode(LabelInfo, {
+              isLoading: __props.isLoading,
+              label: _ctx.$t("withdraw.receiver"),
+              value: __props.company.name,
+              typographyStyle: "l4",
+              weight: "medium",
+              "data-test": "withdrawv3-company-name"
+            }, null, 8, ["isLoading", "label", "value"])
+          ]),
+          _: 1
+        }),
+        createVNode(AmOutlineCard, { class: "withdraw-account__data" }, {
+          default: withCtx(() => [
+            showDropdowButton.value ? (openBlock(), createBlock(DropdownBankAccounts, {
+              key: 0,
+              class: "dropdown-bank-accounts",
+              bankAccounts: __props.bankAccounts,
+              onBankAccountChange: setBankAccount
+            }, null, 8, ["bankAccounts"])) : createCommentVNode("", true),
+            createBaseVNode("div", _hoisted_2$2, [
+              createVNode(LabelInfo, {
+                isLoading: __props.isLoading,
+                label: _ctx.$t("withdraw.pixKey"),
+                value: __props.company.pixKey,
+                "data-test": "withdrawv3-company-account"
+              }, null, 8, ["isLoading", "label", "value"]),
+              createVNode(LabelInfo, {
+                isLoading: __props.isLoading,
+                label: _ctx.$t("withdraw.accountType"),
+                value: __props.company.pixKeyType,
+                "data-test": "withdrawv3-company-type"
+              }, null, 8, ["isLoading", "label", "value"]),
+              createVNode(LabelInfo, {
+                isLoading: __props.isLoading,
+                label: _ctx.$t("withdraw.documentNumberCNPJ"),
+                value: __props.company.documentNumber,
+                "data-test": "withdrawv3-company-document"
+              }, null, 8, ["isLoading", "label", "value"])
+            ])
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+};
+const WithdrawRequestAccount = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-4645257f"]]);
+const _hoisted_1$2 = { class: "withdraw-request" };
+const _hoisted_2$1 = { class: "header" };
+const _hoisted_3$1 = { class: "withdraw-available" };
+const _hoisted_4$1 = { class: "withdraw-available--balance" };
+const _hoisted_5 = { class: "withdraw-available--balance" };
+const _hoisted_6 = { class: "withdraw-calculate" };
+const _hoisted_7 = { class: "withdraw-calculate--border" };
+const _hoisted_8 = { class: "withdraw-calculate__group" };
+const _hoisted_9 = { class: "mt-2 withdraw-calculate__main" };
+const _hoisted_10 = { class: "withdraw-calculate__buttons" };
+const _hoisted_11 = {
+  key: 0,
+  class: "withdraw-calculate__error"
+};
+const _hoisted_12 = { class: "icon-error" };
+const _hoisted_13 = {
+  key: 1,
+  class: "withdraw-calculate__error"
+};
+const _hoisted_14 = { class: "icon-error" };
+const _sfc_main$4 = {
+  __name: "WithdrawAvailable",
+  props: {
+    toReleaseAmount: { type: Number, default: void 0 },
+    availableAmount: { type: Number, default: void 0 },
+    totalAmount: { type: Number, default: void 0 },
+    isLoading: { type: Boolean, default: false },
+    disabled: { type: Boolean, default: false },
+    disabledInfo: { type: String, default: void 0 }
+  },
+  emits: ["quote-request"],
+  setup(__props, { emit: __emit }) {
+    const { t } = useI18n();
+    const toast = useToast();
+    const isMobileSize = useBreakpoint("mobile");
+    const parseMoney = (value) => typeof value !== "number" ? EMPTY_VALUE : formatMoney(value);
+    const emit = __emit;
+    const props = __props;
+    const amountReceiveCents = ref(0);
+    const showRequiredError = computed(() => {
+      return !isDisabled.value && amountReceiveCents.value <= 0;
+    });
+    const showMaxError = computed(() => {
+      return !isDisabled.value && amountReceiveCents.value > props.totalAmount;
+    });
+    const isDisabled = computed(() => {
+      const hasTotalamount = Number(props.totalAmount) > 0;
+      return props.isLoading || props.disabled || !hasTotalamount;
+    });
+    const isConfirmationDisabled = computed(() => {
+      const isAmountReceiveValid = amountReceiveCents.value > 0 && amountReceiveCents.value <= props.totalAmount;
+      return isDisabled.value || !isAmountReceiveValid;
+    });
+    const hideDisabledInfo = computed(() => props.isLoading || !props.disabledInfo || !props.disabled);
+    const updateAmountReceive = (value) => {
+      amountReceiveCents.value = value;
+    };
+    const quoteRequest = async (maximumAmount = false) => {
+      if (isDisabled.value) return;
+      if (maximumAmount) amountReceiveCents.value = props.totalAmount;
+      const requestAmount = amountReceiveCents.value;
+      emit("quote-request", { requestAmount, maximumAmount });
+    };
+    const verifyQuoteRequest = () => {
+      if (isConfirmationDisabled.value) return;
+      if (amountReceiveCents.value <= 0) return;
+      const limitExceeded = amountReceiveCents.value > props.totalAmount;
+      if (limitExceeded) {
+        toast.warning(t("withdraw.alertWarningTitle"), t("withdraw.warningQuoteMax"));
+      } else {
+        quoteRequest();
+      }
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$2, [
+        createBaseVNode("section", _hoisted_2$1, [
+          createBaseVNode("div", _hoisted_3$1, [
+            createBaseVNode("div", _hoisted_4$1, [
+              createVNode(unref(y), {
+                class: normalizeClass({ "mb-2": unref(isMobileSize) })
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(_ctx.$t("withdraw.balanceAvailable")), 1)
+                ]),
+                _: 1
+              }, 8, ["class"]),
+              __props.isLoading ? (openBlock(), createBlock(AmSkeleton, { key: 0 })) : (openBlock(), createBlock(unref(y), {
+                key: 1,
+                variant: "subtitle",
+                size: "medium",
+                "is-strong": "",
+                "data-test": "withdrawv3-balance-available"
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(parseMoney(__props.availableAmount)), 1)
+                ]),
+                _: 1
+              }))
+            ]),
+            createBaseVNode("div", _hoisted_5, [
+              createVNode(unref(y), {
+                class: normalizeClass({ "mb-2": unref(isMobileSize) })
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(_ctx.$t("withdraw.valueToBeAnticipated")), 1)
+                ]),
+                _: 1
+              }, 8, ["class"]),
+              __props.isLoading ? (openBlock(), createBlock(AmSkeleton, { key: 0 })) : createCommentVNode("", true),
+              createVNode(unref(y), {
+                variant: "subtitle",
+                size: "medium",
+                "is-strong": "",
+                "data-test": "withdrawv3-value-anticipated"
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(parseMoney(__props.toReleaseAmount)), 1)
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          createBaseVNode("div", _hoisted_6, [
+            createBaseVNode("div", _hoisted_7, [
+              createVNode(unref(y), {
+                class: normalizeClass({ "mb-3": unref(isMobileSize) })
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(_ctx.$t("withdraw.valueAvailable")), 1)
+                ]),
+                _: 1
+              }, 8, ["class"]),
+              createBaseVNode("div", null, [
+                __props.isLoading ? (openBlock(), createBlock(AmSkeleton, {
+                  key: 0,
+                  class: "mt-3"
+                })) : (openBlock(), createBlock(unref(y), {
+                  key: 1,
+                  variant: "subtitle",
+                  size: "medium",
+                  "is-strong": "",
+                  class: "mt-3",
+                  "data-test": "withdrawv3-total-amount"
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(parseMoney(__props.totalAmount)), 1)
+                  ]),
+                  _: 1
+                }))
+              ])
+            ]),
+            createBaseVNode("div", _hoisted_8, [
+              createVNode(unref(y), {
+                class: normalizeClass({ "mt-4": unref(isMobileSize) })
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(_ctx.$t("withdraw.valueToReceive")), 1)
+                ]),
+                _: 1
+              }, 8, ["class"]),
+              createBaseVNode("div", _hoisted_9, [
+                createVNode(unref(z), {
+                  class: "withdraw-calculate__input",
+                  modelValue: amountReceiveCents.value,
+                  currency: "BRL",
+                  locale: "pt-BR",
+                  inCents: true,
+                  max: props.totalAmount,
+                  disabled: isDisabled.value,
+                  "data-test": "withdrawv3-input-value",
+                  "onUpdate:modelValue": updateAmountReceive
+                }, null, 8, ["modelValue", "max", "disabled"]),
+                createBaseVNode("div", _hoisted_10, [
+                  createBaseVNode("div", null, [
+                    createVNode(unref($), {
+                      disabled: isConfirmationDisabled.value,
+                      size: "small",
+                      label: _ctx.$t("withdraw.calculate"),
+                      class: "w-full md:w-fit min-w-[100px]",
+                      "data-test": "withdrawv3-calculate-button",
+                      onClick: verifyQuoteRequest
+                    }, null, 8, ["disabled", "label"]),
+                    createVNode(unref(y$1), {
+                      showTooltip: !hideDisabledInfo.value,
+                      tooltipText: __props.disabledInfo
+                    }, null, 8, ["showTooltip", "tooltipText"])
+                  ]),
+                  createVNode(unref($), {
+                    outlined: "",
+                    disabled: isDisabled.value,
+                    size: "small",
+                    label: _ctx.$t("withdraw.maximumValue"),
+                    class: "w-full md:w-fit min-w-[100px]",
+                    "data-test": "withdrawv3-maximum-button",
+                    onClick: _cache[0] || (_cache[0] = ($event) => quoteRequest(true))
+                  }, null, 8, ["disabled", "label"])
+                ])
+              ]),
+              showRequiredError.value ? (openBlock(), createElementBlock("div", _hoisted_11, [
+                createBaseVNode("span", _hoisted_12, [
+                  createVNode(unref(_), {
+                    icon: "error",
+                    class: "text-danger",
+                    size: "sm"
+                  })
+                ]),
+                createVNode(unref(y), {
+                  variant: "caption",
+                  size: "small",
+                  class: "text-error"
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(_ctx.$t("withdraw.validateInputRequired")), 1)
+                  ]),
+                  _: 1
+                })
+              ])) : showMaxError.value ? (openBlock(), createElementBlock("div", _hoisted_13, [
+                createBaseVNode("span", _hoisted_14, [
+                  createVNode(unref(_), {
+                    icon: "error",
+                    class: "text-danger",
+                    size: "sm"
+                  })
+                ]),
+                createVNode(unref(y), {
+                  variant: "caption",
+                  size: "small",
+                  class: "text-error"
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(_ctx.$t("withdraw.validateInputQuote")), 1)
+                  ]),
+                  _: 1
+                })
+              ])) : createCommentVNode("", true)
+            ])
+          ])
+        ])
+      ]);
+    };
+  }
+};
+const WithdrawAvailable = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-c44668ee"]]);
+const _sfc_main$3 = {
+  __name: "WithdrawCalculated",
+  props: { isLoading: { type: Boolean, default: false } },
+  setup(__props, { expose: __expose }) {
+    const { t } = useI18n();
+    const showTaxAnticipation = ref(false);
+    const available = ref("");
+    const toRelease = ref("");
+    const hasAnticipation = ref(false);
+    const hasWithdraw = ref(false);
+    const quoteValues = ref("");
+    const dataTable = ref([]);
+    const totalamountToReceive = computed(
+      () => (
+        // @info: Esse valor é a antecipação com a taxa descontada + o saldo disponível
+        toRelease.value.anticipated_amount + available.value.withdrawn_amount
+      )
+    );
+    const setDataTable = () => {
+      let result = [];
+      const withdrawData = [
+        {
+          title: t("withdraw.withdraw"),
+          label: t("withdraw.withdrawFee"),
+          labelInfo: t("withdrawRequestDetails.withdraw.info"),
+          value: available.value.tax_amount ? formatMoney(available.value.tax_amount) : t("withdraw.notApplicable")
+        },
+        {
+          label: t("withdraw.amountToBeDeducted"),
+          value: formatMoney(available.value.total_amount)
+        }
+      ];
+      if (hasWithdraw.value) result = [...result, ...withdrawData];
+      const toReleaseData = {
+        title: t("withdraw.anticipation"),
+        label: t("withdraw.advanceFee"),
+        labelInfo: t("withdrawRequestDetails.advance.info"),
+        value: formatPercentages(toRelease.value.tax_percent),
+        collapsed: true,
+        children: [
+          {
+            label: t("withdraw.valueAdvanceFee"),
+            value: formatMoney(toRelease.value.tax_amount)
+          },
+          {
+            label: t("withdraw.amountToBeDeductedAccount"),
+            value: formatMoney(toRelease.value.total_amount)
+          }
+        ]
+      };
+      if (hasAnticipation.value) result = [...result, toReleaseData];
+      const total = {
+        withEmphasis: true,
+        label: t("withdraw.totalReceivable"),
+        value: formatMoney(totalamountToReceive.value)
+      };
+      result = [...result, total];
+      dataTable.value = result;
+    };
+    const openTaxAnticipation = () => {
+      showTaxAnticipation.value = !showTaxAnticipation.value;
+    };
+    const setQuoteValues = (newQuoteValues) => {
+      quoteValues.value = newQuoteValues;
+      available.value = newQuoteValues.available;
+      toRelease.value = newQuoteValues.to_release;
+      hasWithdraw.value = newQuoteValues.available.balance_amount > 0;
+      hasAnticipation.value = newQuoteValues.to_release.anticipated_amount > 0;
+      setDataTable();
+    };
+    __expose({
+      openTaxAnticipation,
+      setQuoteValues
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(AmOutlineCard, {
+        as: "section",
+        class: "mt-3"
+      }, {
+        default: withCtx(() => [
+          __props.isLoading ? (openBlock(), createBlock(unref(w), { key: 0 })) : dataTable.value.length ? (openBlock(), createBlock(AmLayoutInnerData, {
+            key: 1,
+            dataTable: dataTable.value
+          }, null, 8, ["dataTable"])) : createCommentVNode("", true)
+        ]),
+        _: 1
+      });
+    };
+  }
+};
+const _sfc_main$2 = {
+  __name: "WithdrawDynamicWarning",
+  props: {
+    companyId: {
+      type: Number,
+      required: true
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const description = ref("");
+    const type = ref("warning");
+    const ready = ref(false);
+    const isLoading = ref(false);
+    const error = ref(false);
+    const { getMessage } = useAnticipationStore();
+    async function getMessageCompany() {
+      try {
+        isLoading.value = true;
+        error.value = false;
+        if (!props.companyId) return;
+        const { data } = await getMessage({ id: props.companyId });
+        description.value = data.partner_return || "";
+        type.value = data.type_message || "warning";
+        ready.value = true;
+      } catch (e) {
+        console.error(e);
+        error.value = true;
+      } finally {
+        isLoading.value = false;
+      }
+    }
+    watch(
+      () => props.companyId,
+      () => {
+        getMessageCompany();
+      }
+    );
+    onMounted(() => {
+      getMessageCompany();
+    });
+    return (_ctx, _cache) => {
+      return description.value ? (openBlock(), createBlock(WithdrawWarning, {
+        key: 0,
+        text: description.value,
+        type: type.value,
+        "no-title": ""
+      }, null, 8, ["text", "type"])) : createCommentVNode("", true);
+    };
+  }
+};
+const _hoisted_1$1 = { class: "withdraw-text" };
+const _hoisted_2 = ["href"];
+const _hoisted_3 = ["href"];
+const _hoisted_4 = ["href"];
+const _sfc_main$1 = {
+  __name: "WithdrawInformativeText",
+  setup(__props) {
+    const { t } = useI18n();
+    const informativeTextWithdraw = {
+      part1: t("withdraw.informativeWithdraw.part1"),
+      part2: t("withdraw.informativeWithdraw.part2"),
+      part3: t("withdraw.informativeWithdraw.part3"),
+      part4: t("withdraw.informativeWithdraw.part4"),
+      part5: t("withdraw.informativeWithdraw.part5"),
+      part6: t("withdraw.informativeWithdraw.part6"),
+      part7: t("withdraw.informativeWithdraw.part7")
+    };
+    const links = {
+      standardAnalysis: "https://help.appmax.com.br/pt-br/central-de-ajuda/entendendo-os-status-de-saque",
+      differentWindows: "https://help.appmax.com.br/pt-br/central-de-ajuda/prazos-de-an%C3%A1lise-e-pagamento-de-saque",
+      collectionOfArticles: "https://help.appmax.com.br/pt-br/central-de-ajuda/saques"
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$1, [
+        createBaseVNode("p", null, [
+          createBaseVNode("span", null, toDisplayString(informativeTextWithdraw.part1), 1),
+          createBaseVNode("a", {
+            href: links.standardAnalysis,
+            target: "_blank"
+          }, [
+            createBaseVNode("span", null, toDisplayString(informativeTextWithdraw.part2), 1)
+          ], 8, _hoisted_2),
+          createBaseVNode("span", null, toDisplayString(informativeTextWithdraw.part3), 1),
+          createBaseVNode("a", {
+            href: links.differentWindows,
+            target: "_blank"
+          }, [
+            createBaseVNode("span", null, toDisplayString(informativeTextWithdraw.part4), 1)
+          ], 8, _hoisted_3),
+          createBaseVNode("span", null, toDisplayString(informativeTextWithdraw.part5), 1),
+          createBaseVNode("a", {
+            href: links.collectionOfArticles,
+            target: "_blank"
+          }, [
+            createBaseVNode("span", null, toDisplayString(informativeTextWithdraw.part6), 1)
+          ], 8, _hoisted_4),
+          createBaseVNode("span", null, toDisplayString(informativeTextWithdraw.part7), 1)
+        ])
+      ]);
+    };
+  }
+};
+const WithdrawInformativeText = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-02c43cb4"]]);
+const pickCurrentCompanyBySearchParam = (companies = []) => {
+  const urlSearchParams = new URLSearchParams(window.location.search);
+  const companyIdParam = urlSearchParams.get("companyId");
+  const [firstCompany] = companies;
+  if (!companyIdParam) return firstCompany;
+  const targetCompany = companies.find(
+    ({ id }) => id === Number(companyIdParam)
+  );
+  return targetCompany || firstCompany;
+};
+const _hoisted_1 = { class: "withdraw-actions" };
+const _sfc_main = {
+  __name: "WithdrawRequest",
+  setup(__props) {
+    const isMobile = useBreakpoint("mobile");
+    const { t } = useI18n();
+    const router = useRouter();
+    const toast = useToast();
+    const store = useAnticipationStore();
+    const { createRequest, getQuoteRequest } = store;
+    const error = ref(false);
+    const isLoading = ref(true);
+    const isEmpty = ref(false);
+    const isQuoteLoading = ref(false);
+    const showQuote = ref(false);
+    const company = ref({
+      id: null,
+      name: void 0,
+      documentNumber: void 0,
+      bankAccountId: null,
+      pixKey: void 0,
+      pixKeyType: void 0
+    });
+    const quoteValue = ref("");
+    const confirmButtonDisabled = ref(true);
+    const confirmButtonLoading = ref(false);
+    const bankAccounts = ref([]);
+    const toReleaseAmount = ref(void 0);
+    const availableAmount = ref(void 0);
+    const totalAmount = ref(void 0);
+    const withdrawCalculated = ref(null);
+    const getDataCalled = ref(false);
+    const noAccount = computed(
+      () => {
+        var _a;
+        return !((_a = company.value) == null ? void 0 : _a.pixKey) || !company.value.bankAccountId;
+      }
+    );
+    const noAccountInfo = computed(() => {
+      if (!noAccount.value) return void 0;
+      return t("withdraw.noAccountInfo");
+    });
+    const setBankAccount = (bankAccount = {}) => {
+      company.value.bankAccountId = bankAccount.id;
+      company.value.pixKey = bankAccount.pix_key;
+      company.value.pixKeyType = bankAccount.pix_key_type;
+    };
+    const setCompany = (newCompany = {}, bankAccount = {}) => {
+      company.value.id = newCompany.id;
+      company.value.name = newCompany.name;
+      company.value.documentNumber = newCompany.document_number;
+      setBankAccount(bankAccount);
+    };
+    const getData = async () => {
+      isLoading.value = true;
+      error.value = false;
+      getDataCalled.value = true;
+      try {
+        const { data: companies } = await ApiService.get(
+          "/withdraw/v3/companies"
+        );
+        const currentCompany = pickCurrentCompanyBySearchParam(companies);
+        if (!currentCompany) {
+          isEmpty.value = true;
+          return;
+        }
+        const searchCompanyId = `?company_id=${currentCompany.id}`;
+        const [
+          { data: availableData },
+          { data: toRealeaseData },
+          { data: bankAccountsData }
+        ] = await Promise.all([
+          ApiService.get(
+            `/withdraw/v3/balance/available${searchCompanyId}`
+          ),
+          ApiService.get(
+            `/withdraw/v3/balance/to-release${searchCompanyId}`
+          ),
+          ApiService.get(`/withdraw/v3/bank-accounts${searchCompanyId}`)
+        ]);
+        bankAccounts.value = bankAccountsData.filter(
+          (item) => item.pix_key && item.pix_key_type
+        );
+        const [firstBankAccount] = bankAccountsData;
+        const mainBankAccount = bankAccountsData.find(
+          (item) => item.id === currentCompany.bank_account_id
+        ) || firstBankAccount;
+        setCompany(currentCompany, mainBankAccount);
+        toReleaseAmount.value = toRealeaseData.balance_amount;
+        availableAmount.value = availableData.balance_amount;
+        totalAmount.value = toRealeaseData.balance_amount + availableData.balance_amount;
+      } catch (e) {
+        console.error(e);
+        error.value = true;
+      } finally {
+        isLoading.value = false;
+      }
+    };
+    const requestWithdraw = async () => {
+      if (confirmButtonDisabled.value) return;
+      try {
+        confirmButtonDisabled.value = true;
+        confirmButtonLoading.value = true;
+        const payload = {
+          companyId: company.value.id,
+          bankAccountId: company.value.bankAccountId,
+          // @info: O 'requestAmount' precisa ser passado sem a aplicação da taxa,
+          // pois o backend aplica a taxa posteriormente
+          requestAmount: quoteValue.value.available.withdrawn_amount,
+          requestAmountRelease: quoteValue.value.to_release.requested_amount
+        };
+        await createRequest(payload);
+        toast.success(
+          t("withdraw.successWithdrawTitle"),
+          t("withdraw.successWithdrawDescription")
+        );
+        router.push({
+          path: "/v2/client/integration/antecipacao",
+          query: { companyId: company.value.id, history: true }
+        });
+      } catch (error2) {
+        const text = error2.response.data.error;
+        let message = t(`withdraw.errorWithdrawDescription.${text}`);
+        if (text === "negative-balance") {
+          const date = /* @__PURE__ */ new Date();
+          message = t(`withdraw.errorWithdrawDescription.${text}`).replace("$amount", (quoteValue.value.available.withdrawn_amount / 100).toLocaleString("pt-BR", { style: "currency", currency: "BRL" })).replace("$amountRelease", (quoteValue.value.to_release.requested_amount / 100).toLocaleString("pt-BR", { style: "currency", currency: "BRL" })).replace("$day", date.toLocaleDateString());
+        }
+        toast.error(
+          t("withdraw.errorWithdrawTitle"),
+          message
+        );
+        confirmButtonDisabled.value = false;
+        confirmButtonLoading.value = false;
+      }
+    };
+    const setQuoteValues = (newQuoteValue) => {
+      confirmButtonDisabled.value = false;
+      quoteValue.value = newQuoteValue;
+      withdrawCalculated.value.setQuoteValues(newQuoteValue);
+    };
+    const quoteRequest = async ({
+      requestAmount = 0,
+      maximumAmount = false
+    }) => {
+      var _a;
+      try {
+        showQuote.value = true;
+        isQuoteLoading.value = true;
+        confirmButtonDisabled.value = true;
+        const payload = {
+          companyId: company.value.id,
+          requestAmount,
+          maximumAmount,
+          bankAccountId: company.value.bankAccountId
+        };
+        const newQuoteRequest = await getQuoteRequest(payload);
+        setQuoteValues(newQuoteRequest);
+        confirmButtonDisabled.value = false;
+      } catch (e) {
+        const message = (_a = e == null ? void 0 : e.data) == null ? void 0 : _a.message;
+        console.error(message);
+        toast.warning(
+          t("withdraw.alertWarningTitle"),
+          message || t("withdraw.alertWarningDescription")
+        );
+        showQuote.value = false;
+        confirmButtonDisabled.value = true;
+      } finally {
+        isQuoteLoading.value = false;
+      }
+    };
+    const cancelRequest = () => {
+      router.push({
+        path: "/v2/client/integration/antecipacao/",
+        query: { companyId: company.value.id }
+      });
+    };
+    const handleBeforeUnload = () => {
+      if (getDataCalled.value) {
+        localStorage.setItem("isWithdrawActive", "false");
+      }
+    };
+    onMounted(() => {
+      const isWithdrawActive = localStorage.getItem("isWithdrawActive");
+      if (isWithdrawActive === "true") {
+        cancelRequest();
+      } else {
+        localStorage.setItem("isWithdrawActive", "true");
+        getData();
+        window.addEventListener("beforeunload", handleBeforeUnload);
+      }
+    });
+    onUnmounted(() => {
+      if (getDataCalled.value) {
+        localStorage.setItem("isWithdrawActive", "false");
+      }
+      window.removeEventListener("beforeunload", handleBeforeUnload);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(AmCardV3, null, {
+        default: withCtx(() => [
+          createBaseVNode("section", {
+            class: normalizeClass({ "mt-4": unref(isMobile) })
+          }, [
+            createVNode(WithdrawRequestAccount, {
+              "is-loading": isLoading.value,
+              company: company.value,
+              "bank-accounts": bankAccounts.value,
+              onBankAccountChange: setBankAccount
+            }, null, 8, ["is-loading", "company", "bank-accounts"]),
+            !isLoading.value && noAccount.value ? (openBlock(), createBlock(_sfc_main$8, { key: 0 })) : createCommentVNode("", true),
+            company.value.id ? (openBlock(), createBlock(_sfc_main$2, {
+              key: 1,
+              "company-id": company.value.id
+            }, null, 8, ["company-id"])) : createCommentVNode("", true),
+            createVNode(WithdrawAvailable, {
+              "is-loading": isLoading.value,
+              "to-release-amount": toReleaseAmount.value,
+              "available-amount": availableAmount.value,
+              "total-amount": totalAmount.value,
+              disabled: noAccount.value || isQuoteLoading.value,
+              "disabled-info": noAccountInfo.value,
+              onQuoteRequest: quoteRequest
+            }, null, 8, ["is-loading", "to-release-amount", "available-amount", "total-amount", "disabled", "disabled-info"])
+          ], 2),
+          showQuote.value ? (openBlock(), createBlock(_sfc_main$3, {
+            key: 0,
+            ref_key: "withdrawCalculated",
+            ref: withdrawCalculated,
+            "is-loading": isQuoteLoading.value
+          }, null, 8, ["is-loading"])) : createCommentVNode("", true),
+          createBaseVNode("section", null, [
+            createVNode(WithdrawInformativeText),
+            createBaseVNode("div", _hoisted_1, [
+              createVNode(unref($), {
+                label: unref(t)("withdraw.cancelLabel"),
+                outlined: "",
+                text: "",
+                size: "small",
+                "full-width": unref(isMobile),
+                "data-test": "withdrawv3-cancel-request-button",
+                onClick: cancelRequest
+              }, null, 8, ["label", "full-width"]),
+              createVNode(unref($), {
+                label: unref(t)("withdraw.confirm"),
+                "full-width": unref(isMobile),
+                size: "small",
+                disabled: confirmButtonDisabled.value,
+                loading: confirmButtonLoading.value,
+                "data-test": "withdrawv3-request-button",
+                onClick: requestWithdraw
+              }, null, 8, ["label", "full-width", "disabled", "loading"])
+            ])
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+};
+const WithdrawRequest = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-aa4d1ff0"]]);
+export {
+  WithdrawRequest as default
+};