appmax-client-vue3 5.2.0 → 5.4.0

package/dist/WithdrawMaxStore-_kMO1KAL.js

@@ -0,0 +1,772 @@
+import { _ as _export_sfc, g as createElementBlock, h as openBlock, ad as defineComponent, r as ref, q as createBlock, w as withCtx, j as createBaseVNode, a6 as renderSlot, i as createVNode, l as unref, $, B as BANK_ACCOUNT_ROUTE_NAMES, bS as useMediaQuery, e as computed, bO as withdrawCompanyService, c as useRouter, b as useRoute, o as onMounted, ah as resolveDynamicComponent, k as createCommentVNode, F as Fragment, ac as formatFloatMoney, bR as toFloat, E as ApiService, as as toRefs, x as reactive, bU as createDebounce, z as watch, bM as CanceledError, L as nextTick, bV as createStaticVNode, af as t, bW as tm, Q as onUnmounted, y, m as createTextVNode, t as toDisplayString, S as normalizeStyle, p as renderList, n as normalizeClass, ae as useModel, K as script, bX as resolveImageSrc, b6 as featureFlagsService, ab as userService } from "./main-B2MCvgMD.js";
+import { A as AmCardV3 } from "./AmCardV3-BLr7Srwb.js";
+import { b as WithdrawDropdownContainer, A as AmLabelAndValue, _ as _sfc_main$9, C as CompanyDropdown } from "./WithdrawPermissionGuard-Ds4weXTr.js";
+import { u as useWithdrawCompanyStore, c as companyState } from "./WithdrawCompanyStore-VtmOEfn4.js";
+import { u as useWithdrawBankAccountStore, B as BalanceType, w as withdrawCalculateService, b as bankAccountState } from "./WithdrawBankAccountStore-DI8PJABd.js";
+const _sfc_main$8 = { name: "AmDivider" };
+const _hoisted_1$5 = { class: "am-divider" };
+function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("hr", _hoisted_1$5);
+}
+const AmDivider = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$1], ["__scopeId", "data-v-b44d0231"]]);
+const _hoisted_1$4 = ["aria-hidden"];
+const _hoisted_2$3 = { class: "withdraw-extract-accordion__inner-content" };
+const _hoisted_3$2 = { class: "w-full flex justify-center" };
+const __default__$6 = { name: "WithdrawExtractAccordion" };
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+  ...__default__$6,
+  setup(__props) {
+    const { openedAcordion } = useWithdrawCompanyStore();
+    const hidden = ref(true);
+    const toggleAccordion = () => {
+      openedAcordion.value = !openedAcordion.value;
+      hidden.value = !hidden.value;
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(AmCardV3, {
+        class: "withdraw-extract-accordion",
+        "data-test": "withdraw-accordion"
+      }, {
+        default: withCtx(() => [
+          createBaseVNode("div", {
+            class: "withdraw-extract-accordion__content",
+            "aria-hidden": hidden.value
+          }, [
+            createBaseVNode("div", null, [
+              createBaseVNode("div", _hoisted_2$3, [
+                renderSlot(_ctx.$slots, "default", {}, void 0, true)
+              ])
+            ])
+          ], 8, _hoisted_1$4),
+          createBaseVNode("div", _hoisted_3$2, [
+            createVNode(unref($), {
+              size: "small",
+              text: "",
+              "data-test": "withdraw-toggle-accordion-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, ["icon", "label"])
+          ])
+        ]),
+        _: 3
+      });
+    };
+  }
+});
+const WithdrawExtractAccordion = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-797d625c"]]);
+const _hoisted_1$3 = { class: "bank-account-empty-state" };
+const __default__$5 = { name: "BankAccountEmptyState" };
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+  ...__default__$5,
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$3, [
+        createVNode(unref($), {
+          class: "bank-account-empty-state__button",
+          "data-test": "add-bank-account-button",
+          text: "",
+          size: "small",
+          to: { name: unref(BANK_ACCOUNT_ROUTE_NAMES).HOME },
+          icon: "add",
+          label: _ctx.$t("withdraw_v3.bank-account.add")
+        }, null, 8, ["to", "label"])
+      ]);
+    };
+  }
+});
+const BankAccountEmptyState = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-9c92b0d1"]]);
+const _hoisted_1$2 = {
+  key: 0,
+  class: "flex"
+};
+const _hoisted_2$2 = {
+  key: 2,
+  class: "bank-account-dropdown__group"
+};
+const __default__$4 = { name: "BankAccountDropdown" };
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  ...__default__$4,
+  setup(__props) {
+    const showAccordion = useMediaQuery("(max-width: 640px)");
+    const companyData = ref();
+    const isCompanyDataLoading = ref(false);
+    const shouldShowCrossborderBankAccountCreate = computed(() => {
+      if (!companyData.value) {
+        return false;
+      }
+      return withdrawCompanyService.isCompanyCrossBorder(companyData.value);
+    });
+    const router = useRouter();
+    const route = useRoute();
+    const createNewBankAccountForCrossBorder = () => {
+      router.push({ name: BANK_ACCOUNT_ROUTE_NAMES["CROSSBORDER_NEW"], query: route.query });
+    };
+    const getCompanyData = async () => {
+      isCompanyDataLoading.value = true;
+      const { selected: selected2 } = await withdrawCompanyService.getAll();
+      companyData.value = selected2;
+      isCompanyDataLoading.value = false;
+    };
+    const { isLoading: isLoading2, isEmpty, options, selected, showOptions, setBankAccount } = useWithdrawBankAccountStore();
+    onMounted(getCompanyData);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(unref(showAccordion) ? WithdrawExtractAccordion : WithdrawDropdownContainer), { class: "bank-account-dropdown" }, {
+        default: withCtx(() => {
+          var _a, _b, _c, _d;
+          return [
+            shouldShowCrossborderBankAccountCreate.value ? (openBlock(), createElementBlock("div", _hoisted_1$2, [
+              createVNode(unref($), {
+                "data-test": `create-new-company-button`,
+                loading: isCompanyDataLoading.value,
+                icon: "chevron_right",
+                label: _ctx.$t("withdraw_v3.bank-account.crossborder.register"),
+                size: "small",
+                "icon-pos": "right",
+                text: "",
+                onClick: createNewBankAccountForCrossBorder
+              }, null, 8, ["loading", "label"])
+            ])) : !unref(isLoading2) && unref(isEmpty) ? (openBlock(), createBlock(AmLabelAndValue, {
+              key: 1,
+              class: "bank-account-dropdown__empty",
+              "data-test-prefix": "empty-bank-account",
+              label: _ctx.$t("withdraw_v3.bank-account.label"),
+              value: _ctx.$t("withdraw_v3.bank-account.empty")
+            }, null, 8, ["label", "value"])) : (openBlock(), createElementBlock("div", _hoisted_2$2, [
+              createVNode(AmLabelAndValue, {
+                class: "bank-account-dropdown__item",
+                "data-test-prefix": "pix-key",
+                "is-loading": unref(isLoading2),
+                label: _ctx.$t("withdraw_v3.pix.key"),
+                value: (_a = unref(selected)) == null ? void 0 : _a.pix.key
+              }, null, 8, ["is-loading", "label", "value"]),
+              createVNode(AmLabelAndValue, {
+                class: "bank-account-dropdown__item",
+                "data-test-prefix": "account-type",
+                "is-loading": unref(isLoading2),
+                label: _ctx.$t("withdraw_v3.bank-account.type"),
+                value: (_b = unref(selected)) == null ? void 0 : _b.account.type
+              }, null, 8, ["is-loading", "label", "value"]),
+              createVNode(AmLabelAndValue, {
+                class: "bank-account-dropdown__item",
+                "data-test-prefix": "document-number",
+                "is-loading": unref(isLoading2),
+                label: ((_c = unref(selected)) == null ? void 0 : _c.document.type) || _ctx.$t("withdraw_v3.document.label"),
+                value: (_d = unref(selected)) == null ? void 0 : _d.document.number
+              }, null, 8, ["is-loading", "label", "value"])
+            ])),
+            !unref(isLoading2) ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [
+              unref(isEmpty) ? (openBlock(), createBlock(BankAccountEmptyState, { key: 0 })) : unref(showOptions) ? (openBlock(), createBlock(_sfc_main$9, {
+                key: 1,
+                class: "bank-account-dropdown__trigger",
+                "data-test-prefix": "bank-account-dropdown",
+                "button-text": _ctx.$t("withdraw_v3.bank-account.button"),
+                options: unref(options),
+                "model-value": unref(selected),
+                "onUpdate:modelValue": unref(setBankAccount)
+              }, null, 8, ["button-text", "options", "model-value", "onUpdate:modelValue"])) : createCommentVNode("", true)
+            ], 64)) : createCommentVNode("", true),
+            unref(showAccordion) ? (openBlock(), createBlock(AmDivider, {
+              key: 4,
+              class: "bank-account-dropdown__divider"
+            })) : createCommentVNode("", true)
+          ];
+        }),
+        _: 1
+      });
+    };
+  }
+});
+const BankAccountDropdown = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-74f2f232"]]);
+const __default__$3 = { name: "WithdrawCompanySelector" };
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  ...__default__$3,
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(AmCardV3, { class: "withdraw-company-selector" }, {
+        default: withCtx(() => [
+          createVNode(CompanyDropdown),
+          _cache[0] || (_cache[0] = createBaseVNode("hr", null, null, -1)),
+          createVNode(BankAccountDropdown)
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+const WithdrawCompanySelector = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-707746a8"]]);
+const DEFAULT_INTERNATIONAL_RESPONSE = {
+  availableGrossValue: 0,
+  currency: "USD"
+};
+class WithdrawBalanceService {
+  constructor(apiService, calculateService) {
+    this.apiService = apiService;
+    this.calculateService = calculateService;
+  }
+  async getByCompanyId(companyId, balanceType, bankAccountId) {
+    const result = balanceType === BalanceType.INTERNATIONAL ? await this.internationalBalance(companyId) : await this.nationalBalance(companyId, balanceType);
+    const calculatedData = await this.getCalculateData(
+      result.availableGrossValue,
+      companyId,
+      balanceType,
+      bankAccountId
+    );
+    return this.serialize(result, calculatedData);
+  }
+  serialize(balance, calculatedData) {
+    const netValue = (calculatedData == null ? void 0 : calculatedData.netValue) || 0;
+    const hasAvailableValue = netValue > 0;
+    const availableNetValue = hasAvailableValue ? netValue : 0;
+    return {
+      ...balance,
+      availableNetValue,
+      hasAvailableValue,
+      calculatedData,
+      formatedAvailableNetValue: formatFloatMoney(availableNetValue, balance.currency),
+      formatedAvailableGrossValue: formatFloatMoney(balance.availableGrossValue, balance.currency)
+    };
+  }
+  async nationalBalance(companyId, balanceType) {
+    const url = `/balance/companies/balance-values?company_id=${companyId}&type=${balanceType}`;
+    const { data } = await this.apiService.get(url);
+    return { availableGrossValue: toFloat(data.available), currency: "BRL" };
+  }
+  async internationalBalance(companyId) {
+    const url = `/api/balance/international/companies/available?company_id=${companyId}`;
+    const { data } = await this.apiService.get(url);
+    if (!Array.isArray(data) || data.length === 0) return DEFAULT_INTERNATIONAL_RESPONSE;
+    const balance = data.find((item) => item.currency === DEFAULT_INTERNATIONAL_RESPONSE.currency);
+    if (!balance || typeof balance.total !== "number") return DEFAULT_INTERNATIONAL_RESPONSE;
+    return {
+      availableGrossValue: toFloat(balance.total),
+      currency: DEFAULT_INTERNATIONAL_RESPONSE.currency
+    };
+  }
+  async getCalculateData(availableGrossValue, companyId, balanceType, bankAccountId) {
+    return this.calculateService.getValues({
+      availableValue: availableGrossValue,
+      value: availableGrossValue,
+      companyId,
+      balanceType,
+      bankAccountId
+    });
+  }
+}
+const withdrawBalanceService = new WithdrawBalanceService(ApiService, withdrawCalculateService);
+const calculateState = reactive({
+  isLoading: true,
+  error: false,
+  inputValue: 0,
+  data: null
+});
+const setCalculateState = (state) => {
+  Object.assign(calculateState, state);
+};
+const debounce = createDebounce((value) => {
+  if (value === calculateState.inputValue) {
+    calculateState.isLoading = false;
+    return;
+  }
+  calculateState.inputValue = value;
+});
+const setInputValue = (value) => {
+  if (balanceState.isLoading) {
+    calculateState.inputValue = value;
+    return;
+  }
+  calculateState.isLoading = true;
+  debounce(value);
+};
+const resetState = () => {
+  calculateState.isLoading = true;
+  calculateState.data = null;
+};
+const getValues = async () => {
+  var _a, _b;
+  if (balanceState.isLoading) return;
+  const companyId = (_a = companyState.selected) == null ? void 0 : _a.id;
+  const availableValue = ((_b = balanceState.data) == null ? void 0 : _b.availableNetValue) || 0;
+  const value = calculateState.inputValue;
+  if (!companyId || availableValue <= 0 || !bankAccountState.selected) return;
+  try {
+    calculateState.isLoading = true;
+    calculateState.data = null;
+    const payload = {
+      companyId,
+      value,
+      availableValue,
+      balanceType: balanceState.balanceType,
+      bankAccountId: bankAccountState.selected.id
+    };
+    calculateState.data = await withdrawCalculateService.getValues(payload);
+    calculateState.error = false;
+    calculateState.isLoading = false;
+  } catch (error) {
+    if (error instanceof CanceledError) return;
+    calculateState.error = true;
+    calculateState.isLoading = false;
+  }
+};
+watch(() => calculateState.inputValue, getValues);
+watch(() => {
+  var _a;
+  return (_a = bankAccountState.selected) == null ? void 0 : _a.id;
+}, getValues);
+watch(() => {
+  var _a;
+  return (_a = companyState.selected) == null ? void 0 : _a.id;
+}, resetState);
+const isLoading = computed(() => calculateState.isLoading || balanceState.isLoading);
+const shouldConfirm = computed(() => {
+  var _a;
+  return !!((_a = calculateState.data) == null ? void 0 : _a.shouldConfirm) && !!bankAccountState.selected && !isLoading.value && !calculateState.error;
+});
+const isInputDisabled = computed(() => {
+  var _a;
+  return !((_a = balanceState.data) == null ? void 0 : _a.hasAvailableValue) || balanceState.isLoading || bankAccountState.isEmpty;
+});
+const hasInputError = computed(() => !!inputTextError.value);
+const inputTextError = computed(() => {
+  var _a;
+  const error = (_a = calculateState.data) == null ? void 0 : _a.error;
+  if (isLoading.value || !error) return "";
+  return error;
+});
+const showFreeWithdrawTaxMax = computed(() => {
+  var _a, _b;
+  return Boolean(((_a = bankAccountState.selected) == null ? void 0 : _a.isMaxAccount) && ((_b = calculateState.data) == null ? void 0 : _b.tax) === 0);
+});
+const useWithdrawCalculateStore = () => ({
+  ...toRefs(calculateState),
+  isLoading,
+  isInputDisabled,
+  inputTextError,
+  hasInputError,
+  setInputValue,
+  shouldConfirm,
+  showFreeWithdrawTaxMax
+});
+const balanceState = reactive({
+  isLoading: true,
+  error: false,
+  balanceType: BalanceType.WITHDRAW,
+  data: null
+});
+const useWithdrawBalanceStore = () => {
+  const router = useRouter();
+  const redirectToWithdraw = () => router.replace("/v2/client/integration/withdraw");
+  const getBalanceByType = async (balanceType) => {
+    var _a, _b;
+    const companyId = (_a = companyState.selected) == null ? void 0 : _a.id;
+    if (!companyId) return;
+    try {
+      setCalculateState({ data: null, inputValue: 0, isLoading: true });
+      balanceState.isLoading = true;
+      balanceState.error = false;
+      balanceState.data = null;
+      balanceState.balanceType = balanceType;
+      const { calculatedData, ...balance } = await withdrawBalanceService.getByCompanyId(
+        companyId,
+        balanceType,
+        (_b = bankAccountState.selected) == null ? void 0 : _b.id
+      );
+      balanceState.data = balance;
+      setCalculateState({ data: calculatedData, inputValue: balance.availableNetValue });
+      if (!balanceState.data.hasAvailableValue) {
+        return redirectToWithdraw();
+      }
+      await nextTick();
+      balanceState.isLoading = false;
+      setCalculateState({ isLoading: false });
+    } catch (error) {
+      balanceState.error = true;
+      balanceState.isLoading = false;
+    }
+  };
+  const isAdvance = computed(() => balanceState.balanceType === BalanceType.ADVANCE);
+  const isInternational = computed(() => balanceState.balanceType === BalanceType.INTERNATIONAL);
+  const currency = computed(() => isInternational.value ? "USD" : "BRL");
+  return { ...toRefs(balanceState), getBalanceByType, isAdvance, isInternational, currency };
+};
+const _sfc_main$3 = { name: "MaxBrand" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", null, _cache[0] || (_cache[0] = [
+    createStaticVNode('<svg width="110" height="32" viewBox="0 0 110 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M42.581 9.11767C43.9367 7.66331 45.8695 6.93562 48.3783 6.93562C49.9243 6.93562 51.1976 7.28 52.1991 7.96874C53.1996 8.65749 53.9161 9.3985 54.3466 10.1887H54.4229C54.8535 9.3985 55.5761 8.65749 56.5898 7.96874C57.6035 7.28 58.8829 6.93562 60.4299 6.93562C62.9387 6.93562 64.8715 7.66331 66.2272 9.11767C67.5829 10.572 68.2607 12.5634 68.2607 15.0899V25.3114H63.4324V15.4722C63.4324 14.1193 63.1535 13.0667 62.5957 12.3134C62.038 11.5611 61.2146 11.1839 60.1246 11.1839C59.0345 11.1839 58.2111 11.5611 57.6534 12.3134C57.0956 13.0667 56.8168 14.1193 56.8168 15.4722V25.3114H51.9884V15.4722C51.9884 14.1193 51.7095 13.0667 51.1518 12.3134C50.594 11.5611 49.7706 11.1839 48.6806 11.1839C47.5905 11.1839 46.7672 11.5611 46.2094 12.3134C45.6517 13.0667 45.3728 14.1193 45.3728 15.4722V25.3114H40.5444V15.0899C40.5444 12.5634 41.2223 10.572 42.578 9.11767H42.581Z" fill="white"></path><path d="M74.8376 24.6421C73.5705 23.9144 72.5436 22.8372 71.7578 21.4075C70.9721 19.9787 70.5792 18.2815 70.5792 16.3157C70.5792 14.3499 70.9721 12.6598 71.7578 11.2434C72.5436 9.82692 73.5695 8.75485 74.8376 8.02716C76.1048 7.29947 77.4472 6.93562 78.867 6.93562C80.2868 6.93562 81.4716 7.21645 82.4975 7.77811C83.5234 8.33976 84.2898 9.131 84.7977 10.1518L85.216 7.31894H89.3217V25.3114H85.0643L84.76 22.5554C84.2532 23.5506 83.4868 24.3295 82.4598 24.8901C81.4339 25.4508 80.236 25.7326 78.867 25.7326C77.4981 25.7326 76.1048 25.3688 74.8376 24.6411V24.6421ZM83.3351 20.1243C84.2348 19.2182 84.6847 17.9484 84.6847 16.3157C84.6847 15.2692 84.4628 14.3571 84.0191 13.5781C83.5753 12.8002 83.0054 12.2068 82.3082 11.7978C81.611 11.3899 80.8823 11.1849 80.122 11.1849C78.7531 11.1849 77.6131 11.6574 76.7002 12.6014C75.7882 13.5463 75.3313 14.7834 75.3313 16.3146C75.3313 17.8459 75.7872 19.1229 76.7002 20.0659C77.6121 21.0108 78.7531 21.4823 80.122 21.4823C81.3637 21.4823 82.4344 21.0293 83.3341 20.1232L83.3351 20.1243Z" fill="white"></path><path d="M100.46 18.7652L97.0386 25.3114H91.2219L97.1525 16.0082L91.2219 7.31792H97.0386L100.46 13.4428L103.843 7.31792H109.698L103.767 16.0082L109.698 25.3114H103.843L100.46 18.7652Z" fill="white"></path><path d="M6.64104 3.58721V7.28307H20.9836C22.951 7.28307 24.5459 8.88912 24.5459 10.8703V25.3124H28.216C30.1834 25.3124 31.7783 23.7064 31.7783 21.7252V3.58721C31.7783 1.60605 30.1834 0 28.216 0H10.2033C8.23591 0 6.64104 1.60605 6.64104 3.58721Z" fill="white"></path><path d="M12.0597 24.6431C11.1732 25.5358 9.73612 25.5358 8.84963 24.6431L7.30565 23.0883C6.41916 22.1956 6.41916 20.7484 7.30565 19.8557L14.5105 12.6003H3.56224C1.59487 12.6003 0 14.2064 0 16.1876V28.4128C0 30.394 1.59487 32 3.56224 32H15.7024C17.6697 32 19.2646 30.394 19.2646 28.4128V17.3877L12.0597 24.6431Z" fill="#B6B4BB"></path><path d="M7.30667 19.8557L14.5116 12.6003H6.64206V21.4321L6.64409 21.4341C6.65325 20.8622 6.87309 20.2924 7.30667 19.8557Z" fill="white"></path><path d="M19.2646 17.3888L12.0597 24.6442C11.618 25.089 11.0379 25.3124 10.4587 25.3134H19.2646V17.3888Z" fill="white"></path></svg>', 1)
+  ]));
+}
+const MaxBrand = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render]]);
+const _hoisted_1$1 = { class: "max-banner" };
+const _hoisted_2$1 = { class: "max-banner__content" };
+const _hoisted_3$1 = {
+  key: 0,
+  class: "flex flex-col"
+};
+const _hoisted_4$1 = {
+  key: 1,
+  class: "max-banner__texts"
+};
+const _hoisted_5$1 = { class: "max-banner__action flex items-center" };
+const __default__$2 = { name: "MaxBannerContent" };
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  ...__default__$2,
+  props: {
+    activateMax: {
+      type: Boolean,
+      default: false
+    },
+    type: {
+      type: String,
+      default: "default"
+    }
+  },
+  emits: ["open"],
+  setup(__props, { emit: __emit }) {
+    const getButtonText = () => {
+      if (__props.type === "withdrawn") {
+        return t("max.banner.openAccount");
+      }
+      if (__props.type === "antecipation") {
+        return __props.activateMax ? t("max.banner.activate") : t("max.banner.openAccount");
+      }
+      return t("max.banner.button");
+    };
+    const texts = {
+      default: tm("max.banner.default.texts"),
+      antecipation: {
+        title: t("max.banner.withoutAccount.title"),
+        subtitle: t("max.banner.withoutAccount.texts")
+      },
+      withdrawn: {
+        title: t("max.banner.withAccount.title"),
+        subtitle: t("max.banner.withAccount.texts")
+      }
+    };
+    const emit = __emit;
+    const position = ref(0);
+    let intervalId;
+    const runAnimation = () => {
+      position.value = (position.value + 1) % texts.default.length;
+    };
+    onMounted(() => {
+      intervalId = setInterval(runAnimation, 3e3);
+    });
+    onUnmounted(() => {
+      clearInterval(intervalId);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("section", _hoisted_1$1, [
+        createBaseVNode("div", _hoisted_2$1, [
+          createVNode(MaxBrand, { class: "h-8" }),
+          _cache[1] || (_cache[1] = createBaseVNode("div", { class: "max-banner__divider" }, null, -1)),
+          __props.type !== "default" ? (openBlock(), createElementBlock("div", _hoisted_3$1, [
+            createVNode(unref(y), {
+              as: "div",
+              size: "medium",
+              variant: "title",
+              class: "font-semibold text-white"
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(texts[__props.type].title), 1)
+              ]),
+              _: 1
+            }),
+            createVNode(unref(y), {
+              as: "div",
+              size: "medium",
+              variant: "subtitle",
+              class: "mt-2 text-white"
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(texts[__props.type].subtitle), 1)
+              ]),
+              _: 1
+            })
+          ])) : (openBlock(), createElementBlock("div", _hoisted_4$1, [
+            createBaseVNode("span", null, toDisplayString(unref(t)("max.banner.default.title")), 1),
+            createBaseVNode("ul", {
+              style: normalizeStyle({ "--i": position.value })
+            }, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(texts.default, (text, index) => {
+                return openBlock(), createElementBlock("li", {
+                  key: index,
+                  class: normalizeClass({ active: index === position.value })
+                }, toDisplayString(text), 3);
+              }), 128))
+            ], 4)
+          ]))
+        ]),
+        createBaseVNode("div", _hoisted_5$1, [
+          createVNode(unref($), {
+            size: "small",
+            variant: "text",
+            class: "max-banner__action-button text-black",
+            onClick: _cache[0] || (_cache[0] = ($event) => emit("open"))
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(getButtonText()), 1)
+            ]),
+            _: 1
+          })
+        ])
+      ]);
+    };
+  }
+});
+const MaxBannerContent = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-f88de407"]]);
+const _hoisted_1 = { class: "slides flex overflow-x-hidden" };
+const _hoisted_2 = ["src", "alt"];
+const _hoisted_3 = { class: "indicators flex justify-center gap-2.5 py-2 mt-2" };
+const _hoisted_4 = ["onClick"];
+const _hoisted_5 = { class: "grid grid-cols-2 max-w-[80%] w-full mx-auto gap-4" };
+const __default__$1 = { name: "MaxModal" };
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  ...__default__$1,
+  props: {
+    "modelValue": {
+      type: Boolean,
+      default: false
+    },
+    "modelModifiers": {}
+  },
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const visible = useModel(__props, "modelValue", {
+      set(v) {
+        currentSlide.value = 1;
+        return v;
+      }
+    });
+    const MAX_WHATSAPP = "555121605438";
+    const MAX_MESSAGE = "Oi, Max! Quero criar minha conta.";
+    const MAX_LINK = `https://wa.me/${MAX_WHATSAPP}?text=${encodeURIComponent(MAX_MESSAGE)}`;
+    const currentSlide = ref(1);
+    const slides = [
+      {
+        id: "01",
+        image: "/images/max/giftmax-01.png",
+        title: "Saque da Appmax pelo WhatsApp",
+        description: "Solicite saques sem taxa, antecipe automaticamente recebíveis a cada venda e receba pagamentos via PIX direto na sua conta Max."
+      },
+      {
+        id: "02",
+        image: "/images/max/giftmax-02.png",
+        title: "Pagamento de Pix e boleto",
+        description: "Pagar e transferir nunca foi tão simples! Faça pagamentos de boletos e Pix diretamente pelo WhatsApp, de forma rápida, segura e sem burocracia."
+      },
+      {
+        id: "03",
+        image: "/images/max/giftmax-03.png",
+        title: "Sua conta em menos de 5 minutos!",
+        description: "Abra sua conta pelo WhatsApp em menos de 5 minutos, <strong>ganhe R$ 1,00</strong> para testar e descubra na prática como tudo funciona. Simples, rápido e sem complicação!"
+      },
+      {
+        id: "04",
+        image: "/images/max/giftmax-04.png",
+        title: "E muito mais!",
+        description: "Estamos sempre aprimorando nossos serviços e, logo mais, teremos cartão, investimentos, pedidos pagos via PIX direto na sua conta e ainda mais integrações entre Appmax e Max."
+      }
+    ];
+    const nextSlide = () => {
+      if (currentSlide.value < slides.length) {
+        currentSlide.value++;
+      } else {
+        visible.value = false;
+        window.open(MAX_LINK, "_blank");
+      }
+    };
+    const prevSlide = () => {
+      if (currentSlide.value > 1) {
+        currentSlide.value--;
+      } else {
+        visible.value = false;
+      }
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(script), {
+        visible: visible.value,
+        "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => visible.value = $event),
+        modal: "",
+        closable: false,
+        style: { width: "50rem" },
+        breakpoints: { "1199px": "75vw", "575px": "90vw" },
+        "pt:header": { class: "!pb-2" },
+        class: "!bg-[#0A0A0A] !text-white !border-gray-600"
+      }, {
+        header: withCtx(() => [
+          createVNode(unref(y), {
+            as: "h2",
+            variant: "subtitle",
+            class: "text-white text-center w-full",
+            isStrong: ""
+          }, {
+            default: withCtx(() => _cache[1] || (_cache[1] = [
+              createTextVNode(" Max conta digital ")
+            ])),
+            _: 1
+          })
+        ]),
+        footer: withCtx(() => [
+          createBaseVNode("div", _hoisted_5, [
+            createVNode(unref($), {
+              label: currentSlide.value === 1 ? "Fechar" : "Voltar",
+              size: "small",
+              severity: "contrast",
+              onClick: prevSlide
+            }, null, 8, ["label"]),
+            createVNode(unref($), {
+              label: currentSlide.value === slides.length ? "Tenho interesse" : "Próximo",
+              size: "small",
+              severity: "secondary",
+              class: "font-medium",
+              onClick: nextSlide
+            }, null, 8, ["label"])
+          ])
+        ]),
+        default: withCtx(() => [
+          createBaseVNode("div", _hoisted_1, [
+            (openBlock(), createElementBlock(Fragment, null, renderList(slides, (slide, index) => {
+              return createBaseVNode("div", {
+                key: index,
+                class: normalizeClass(["min-w-full grid gap-4 text-center", {
+                  "opacity-0": currentSlide.value !== index + 1,
+                  "opacity-100": currentSlide.value === index + 1,
+                  "transition-all duration-500": true
+                }]),
+                style: normalizeStyle({ transform: `translateX(-${(currentSlide.value - 1) * 100}%)` })
+              }, [
+                createBaseVNode("picture", null, [
+                  createBaseVNode("img", {
+                    src: unref(resolveImageSrc)(slide.image),
+                    alt: slide.title,
+                    width: "750",
+                    height: "335",
+                    style: { "aspect-ratio": "9/4" }
+                  }, null, 8, _hoisted_2)
+                ]),
+                createVNode(unref(y), {
+                  as: "h1",
+                  variant: "subtitle",
+                  class: "text-white",
+                  isStrong: ""
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(slide.title), 1)
+                  ]),
+                  _: 2
+                }, 1024),
+                createVNode(unref(y), {
+                  as: "p",
+                  class: "text-white max-w-2xl mx-auto",
+                  size: "large",
+                  innerHTML: slide.description
+                }, null, 8, ["innerHTML"])
+              ], 6);
+            }), 64))
+          ]),
+          createBaseVNode("div", _hoisted_3, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(slides.length, (i) => {
+              return openBlock(), createElementBlock("span", {
+                key: i,
+                onClick: ($event) => currentSlide.value = i,
+                class: normalizeClass(["w-2.5 h-2.5 rounded-full bg-gray-500 transition-colors duration-200", { "bg-white": i === currentSlide.value }])
+              }, null, 10, _hoisted_4);
+            }), 128))
+          ])
+        ]),
+        _: 1
+      }, 8, ["visible"]);
+    };
+  }
+});
+const __default__ = { name: "MaxBanner" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: {
+    activateMax: {
+      type: Boolean,
+      default: false
+    },
+    type: {
+      type: String,
+      default: "default"
+    }
+  },
+  setup(__props) {
+    const modalVisible = ref(false);
+    const router = useRouter();
+    const MAX_WHATSAPP = "555121605438";
+    const MAX_MESSAGE = "Oi, Max! Quero criar minha conta.";
+    const MAX_LINK = `https://wa.me/${MAX_WHATSAPP}?text=${encodeURIComponent(MAX_MESSAGE)}`;
+    const handleClick = () => {
+      if (__props.type === "withdrawn" || __props.type === "antecipation" && !__props.activateMax) {
+        window.open(MAX_LINK, "_blank");
+        return;
+      }
+      if (__props.type === "antecipation" && __props.activateMax) {
+        router.push({ name: "max.home" });
+        return;
+      }
+      modalVisible.value = true;
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createVNode(MaxBannerContent, {
+          "activate-max": __props.activateMax,
+          type: __props.type,
+          onOpen: handleClick
+        }, null, 8, ["activate-max", "type"]),
+        createVNode(_sfc_main$1, {
+          modelValue: modalVisible.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modalVisible.value = $event)
+        }, null, 8, ["modelValue"])
+      ], 64);
+    };
+  }
+});
+class WithdrawMaxBannerService {
+  constructor(featureFlagsService2, userService2) {
+    this.featureFlagsService = featureFlagsService2;
+    this.userService = userService2;
+  }
+  async hasPermission() {
+    return !this.userService.isInternational() && !this.userService.isCrossBorder() && !this.userService.hasWithdrawnV3() && this.userService.hasNewWithdrawPermission() && await this.featureFlagsService.has("withdraw-max-banner");
+  }
+  async userHasWithdrawnV3() {
+    return this.userService.hasWithdrawnV3();
+  }
+  async maxCentralPermission() {
+    return !this.userService.isInternational() && !this.userService.isCrossBorder() && !this.userService.hasWithdrawnV3() && this.userService.hasNewWithdrawPermission() && await this.featureFlagsService.has("withdraw-max-banner");
+  }
+}
+const withdrawMaxBannerService = new WithdrawMaxBannerService(featureFlagsService, userService);
+const withdrawMaxState = reactive({
+  hasPermission: false,
+  hasMaxAccount: bankAccountState.hasMaxAccount
+});
+const initialize = async () => {
+  withdrawMaxState.hasPermission = await withdrawMaxBannerService.hasPermission();
+  withdrawMaxState.hasMaxAccount = bankAccountState.hasMaxAccount;
+};
+const showMaxBanner = computed(() => {
+  return withdrawMaxState.hasPermission && !withdrawMaxState.hasMaxAccount;
+});
+const useWithdrawMaxStore = () => {
+  return {
+    ...toRefs(withdrawMaxState),
+    showMaxBanner,
+    initialize
+  };
+};
+export {
+  AmDivider as A,
+  WithdrawExtractAccordion as W,
+  _sfc_main as _,
+  useWithdrawMaxStore as a,
+  WithdrawCompanySelector as b,
+  useWithdrawCalculateStore as c,
+  calculateState as d,
+  balanceState as e,
+  useWithdrawBalanceStore as u
+};