appmax-client-vue3 5.5.0 → 5.6.0

package/dist/Max.page-Duf8rayi.js

@@ -1,879 +0,0 @@
-import { Y as BaseStyle, b8 as script$2, g as createElementBlock, h as openBlock, E as mergeProps, j as createBaseVNode, G as ApiService, e as computed, az as toRefs, z as reactive, r as ref, b6 as snakeToCamelCase, aq as toaster, ap as t, b3 as featureFlagsService, A as watch, ab as defineComponent, i as createVNode, l as unref, y, w as withCtx, m as createTextVNode, t as toDisplayString, J as script$3, aA as isRef, o as onMounted, k as createCommentVNode, ch as resolveImageSrc, v as createBlock, n as normalizeClass, p as _, F as Fragment, $, K as script$5, u as useI18n, ae as formatFloatMoney, q as renderList } from "./main-CGDQR_6u.js";
-import { u as useWithdrawMaxStore, _ as _sfc_main$8 } from "./WithdrawMaxStore-ByAQdPEG.js";
-import { C } from "./index-CAdyW2b0.js";
-import { s as script$7 } from "./index-C3FLO2eF.js";
-import { s as script$6 } from "./index-Cp6EAAPD.js";
-import { s as script$4 } from "./index-Nvm85dUr.js";
-import { _ as _sfc_main$9 } from "./AmLayoutFeedbackState-BQGNqPs9.js";
-var style = ({ dt: n }) => `
-.p-progressspinner {
-    position: relative;
-    margin: 0 auto;
-    width: 100px;
-    height: 100px;
-    display: inline-block;
-}
-
-.p-progressspinner::before {
-    content: "";
-    display: block;
-    padding-top: 100%;
-}
-
-.p-progressspinner-spin {
-    height: 100%;
-    transform-origin: center center;
-    width: 100%;
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    margin: auto;
-    animation: p-progressspinner-rotate 2s linear infinite;
-}
-
-.p-progressspinner-circle {
-    stroke-dasharray: 89, 200;
-    stroke-dashoffset: 0;
-    stroke: ${n("progressspinner.colorOne")};
-    animation: p-progressspinner-dash 1.5s ease-in-out infinite, p-progressspinner-color 6s ease-in-out infinite;
-    stroke-linecap: round;
-}
-
-@keyframes p-progressspinner-rotate {
-    100% {
-        transform: rotate(360deg);
-    }
-}
-@keyframes p-progressspinner-dash {
-    0% {
-        stroke-dasharray: 1, 200;
-        stroke-dashoffset: 0;
-    }
-    50% {
-        stroke-dasharray: 89, 200;
-        stroke-dashoffset: -35px;
-    }
-    100% {
-        stroke-dasharray: 89, 200;
-        stroke-dashoffset: -124px;
-    }
-}
-@keyframes p-progressspinner-color {
-    100%,
-    0% {
-        stroke: ${n("progressspinner.colorOne")};
-    }
-    40% {
-        stroke: ${n("progressspinner.colorTwo")};
-    }
-    66% {
-        stroke: ${n("progressspinner.colorThree")};
-    }
-    80%,
-    90% {
-        stroke: ${n("progressspinner.colorFour")};
-    }
-}
-`;
-var classes = {
-  root: "p-progressspinner",
-  spin: "p-progressspinner-spin",
-  circle: "p-progressspinner-circle"
-};
-var ProgressSpinnerStyle = BaseStyle.extend({
-  name: "progressspinner",
-  style,
-  classes
-});
-var script$1 = {
-  name: "BaseProgressSpinner",
-  "extends": script$2,
-  props: {
-    strokeWidth: {
-      type: String,
-      "default": "2"
-    },
-    fill: {
-      type: String,
-      "default": "none"
-    },
-    animationDuration: {
-      type: String,
-      "default": "2s"
-    }
-  },
-  style: ProgressSpinnerStyle,
-  provide: function provide() {
-    return {
-      $pcProgressSpinner: this,
-      $parentInstance: this
-    };
-  }
-};
-var script = {
-  name: "ProgressSpinner",
-  "extends": script$1,
-  inheritAttrs: false,
-  computed: {
-    svgStyle: function svgStyle() {
-      return {
-        "animation-duration": this.animationDuration
-      };
-    }
-  }
-};
-var _hoisted_1$6 = ["fill", "stroke-width"];
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", mergeProps({
-    "class": _ctx.cx("root"),
-    role: "progressbar"
-  }, _ctx.ptmi("root")), [(openBlock(), createElementBlock("svg", mergeProps({
-    "class": _ctx.cx("spin"),
-    viewBox: "25 25 50 50",
-    style: $options.svgStyle
-  }, _ctx.ptm("spin")), [createBaseVNode("circle", mergeProps({
-    "class": _ctx.cx("circle"),
-    cx: "50",
-    cy: "50",
-    r: "20",
-    fill: _ctx.fill,
-    "stroke-width": _ctx.strokeWidth,
-    strokeMiterlimit: "10"
-  }, _ctx.ptm("circle")), null, 16, _hoisted_1$6)], 16))], 16);
-}
-script.render = render;
-class CompaniesService {
-  constructor(apiService) {
-    this.apiService = apiService;
-  }
-  async getCompanies() {
-    const route = "/api/companies";
-    const { data } = await this.apiService.get(route);
-    return data;
-  }
-}
-const companiesService = new CompaniesService(ApiService);
-const initialized$1 = ref(false);
-const state$2 = reactive({
-  isLoading: true,
-  hasError: false,
-  companies: [],
-  selectedCompany: null
-});
-const initialize$1 = async () => {
-  var _a;
-  if (initialized$1.value) return;
-  initialized$1.value = true;
-  state$2.isLoading = true;
-  state$2.hasError = false;
-  try {
-    state$2.companies = await companiesService.getCompanies();
-    state$2.selectedCompany = ((_a = state$2.companies[0]) == null ? void 0 : _a.id) ?? null;
-  } catch {
-    state$2.hasError = true;
-  } finally {
-    state$2.isLoading = false;
-  }
-};
-const useCompanies = () => {
-  return {
-    initialize: initialize$1,
-    ...toRefs(state$2),
-    hasNoCompanies: computed(() => !state$2.companies.length)
-  };
-};
-class AutoAnticipationService {
-  constructor(apiService) {
-    this.apiService = apiService;
-  }
-  async getData(companyId) {
-    const { data } = await this.apiService.get(this.route(companyId));
-    return snakeToCamelCase(data);
-  }
-  async updateAutoAnticipationConfig(companyId, payload) {
-    await this.apiService.put(this.route(companyId), { enable: payload });
-  }
-  route(companyId) {
-    return `/api/max/company/${companyId}/auto_anticipation/config`;
-  }
-}
-const autoAnticipationService = new AutoAnticipationService(ApiService);
-const {
-  isLoading: companiesIsLoading$1,
-  hasError: companiesHasError$1,
-  selectedCompany: selectedCompany$2
-} = useCompanies();
-const CARD_IMG$1 = "/images/request_quote.svg";
-const CARD_NAME$1 = "autoAnticipation";
-const CARD_IS_ACTIVE = true;
-const state$1 = reactive({
-  isLoading: true,
-  isSubmitting: false,
-  hasError: false,
-  enabled: false,
-  eligibleCompany: false,
-  rateDefault: 0.99,
-  maxAccount: false
-});
-const getData$2 = async () => {
-  if (companiesIsLoading$1.value || companiesHasError$1.value) return;
-  state$1.isLoading = true;
-  state$1.hasError = false;
-  try {
-    if (!selectedCompany$2.value) return;
-    const { enabled, eligibleCompany, rateDefault, maxAccount } = await autoAnticipationService.getData(
-      selectedCompany$2.value
-    );
-    state$1.enabled = enabled;
-    state$1.eligibleCompany = eligibleCompany;
-    state$1.rateDefault = rateDefault;
-    state$1.maxAccount = maxAccount;
-  } catch {
-    state$1.hasError = true;
-  } finally {
-    state$1.isLoading = false;
-  }
-};
-const onSwitch$1 = async (value) => {
-  state$1.isSubmitting = true;
-  try {
-    if (!selectedCompany$2.value) return;
-    await autoAnticipationService.updateAutoAnticipationConfig(selectedCompany$2.value, value);
-    state$1.enabled = value;
-  } catch {
-    toaster.error(t(`max.cards.${CARD_NAME$1}.toastError`, { value: switchToastMessage$1.value }));
-  } finally {
-    state$1.isSubmitting = false;
-  }
-};
-const switchToastMessage$1 = computed(() => {
-  return state$1.enabled ? t("max.cards.activateLabel").toLowerCase() : t("max.cards.deactivateLabel").toLowerCase();
-});
-const useAutoAnticipation = () => {
-  return {
-    ...toRefs(state$1),
-    getData: getData$2,
-    card: computed(() => ({
-      img: CARD_IMG$1,
-      name: CARD_NAME$1,
-      isActive: CARD_IS_ACTIVE,
-      isLoading: state$1.isLoading,
-      hasError: state$1.hasError,
-      enabled: state$1.enabled,
-      eligibleCompany: state$1.eligibleCompany,
-      rateDefault: state$1.rateDefault,
-      isSubmitting: state$1.isSubmitting,
-      maxAccount: state$1.maxAccount,
-      onReload: getData$2,
-      onSwitch: onSwitch$1
-    }))
-  };
-};
-class PixMaxService {
-  constructor(apiService) {
-    this.apiService = apiService;
-  }
-  async getData(companyId) {
-    const { data } = await this.apiService.get(this.route(companyId));
-    return snakeToCamelCase(data);
-  }
-  async updatePixMaxConfig(companyId, payload) {
-    await this.apiService.put(this.route(companyId), { enable: payload });
-  }
-  route(companyId) {
-    return `/api/max/company/${companyId}/pix/config`;
-  }
-}
-const pixMaxService = new PixMaxService(ApiService);
-const {
-  isLoading: companiesIsLoading,
-  hasError: companiesHasError,
-  selectedCompany: selectedCompany$1
-} = useCompanies();
-const DEFAULT = {
-  RATE: 0,
-  ELIGIBLE: true
-};
-const CARD_IMG = "/images/pix.svg";
-const CARD_NAME = "pixMax";
-const state = reactive({
-  isLoading: true,
-  isSubmitting: false,
-  hasError: false,
-  enabled: false,
-  maxAccount: true,
-  isActive: false
-});
-const getData$1 = async () => {
-  if (companiesIsLoading.value || companiesHasError.value) return;
-  state.isLoading = true;
-  state.hasError = false;
-  try {
-    if (!selectedCompany$1.value) return;
-    const { enabled, maxAccount } = await pixMaxService.getData(selectedCompany$1.value);
-    state.enabled = enabled;
-    state.maxAccount = maxAccount;
-  } catch {
-    state.hasError = true;
-  } finally {
-    state.isLoading = false;
-  }
-};
-const onSwitch = async (value) => {
-  state.isSubmitting = true;
-  try {
-    if (!selectedCompany$1.value) return;
-    await pixMaxService.updatePixMaxConfig(selectedCompany$1.value, value);
-    state.enabled = value;
-  } catch {
-    toaster.error(t(`max.cards.${CARD_NAME}.toastError`, { value: switchToastMessage.value }));
-  } finally {
-    state.isSubmitting = false;
-  }
-};
-const switchToastMessage = computed(() => {
-  return state.enabled ? t("max.cards.deactivateLabel").toLowerCase() : t("max.cards.activateLabel").toLowerCase();
-});
-const usePixMax = () => {
-  return {
-    ...toRefs(state),
-    getData: getData$1,
-    card: computed(() => ({
-      img: CARD_IMG,
-      name: CARD_NAME,
-      isActive: state.isActive,
-      isLoading: state.isLoading,
-      hasError: state.hasError,
-      enabled: state.enabled,
-      eligibleCompany: DEFAULT.ELIGIBLE,
-      rateDefault: DEFAULT.RATE,
-      isSubmitting: state.isSubmitting,
-      maxAccount: state.maxAccount,
-      onReload: getData$1,
-      onSwitch
-    }))
-  };
-};
-const initialized = ref(false);
-const { card: autoAnticipationCard } = useAutoAnticipation();
-const { card: pixMaxCard, isActive: pixMaxIsActive } = usePixMax();
-const { selectedCompany } = useCompanies();
-const cards = computed(
-  () => [autoAnticipationCard.value, pixMaxCard.value].filter((card) => card.isActive)
-);
-const isLoading = computed(() => cards.value.some((card) => card.isLoading));
-const hasError = computed(() => cards.value.some((card) => card.hasError));
-const isSubmitting = computed(() => cards.value.some((card) => card.isSubmitting));
-const getData = async () => {
-  await Promise.all(cards.value.map((card) => card.onReload && card.onReload()));
-};
-const checkFeaturePixMaxCardIsActive = async () => {
-  try {
-    pixMaxIsActive.value = await featureFlagsService.has("pix-max-card-active");
-  } catch (error) {
-    pixMaxIsActive.value = false;
-  }
-};
-const initialize = async () => {
-  if (initialized.value) return;
-  initialized.value = true;
-  await checkFeaturePixMaxCardIsActive();
-  await getData();
-};
-watch(
-  () => selectedCompany.value,
-  async (newCompany) => {
-    if (newCompany && !initialized.value) {
-      await initialize();
-    }
-  },
-  { immediate: true }
-);
-const useMaxCards = () => {
-  return {
-    cards,
-    isLoading,
-    hasError,
-    isSubmitting,
-    getData,
-    initialize
-  };
-};
-const _hoisted_1$5 = { class: "lg:!order-2 lg:!col-start-5 lg:!col-end-7 flex flex-col gap-2 w-full max-w-full" };
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
-  __name: "CompanyFilter",
-  setup(__props) {
-    const { isLoading: isLoadingCards, isSubmitting: isSubmitting2, getData: getData2 } = useMaxCards();
-    const { isLoading: isLoading2, companies, selectedCompany: selectedCompany2, hasError: hasError2 } = useCompanies();
-    const disableFilter = computed(
-      () => !companies.value.length || isLoading2.value || hasError2.value || isLoadingCards.value || isSubmitting2.value
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$5, [
-        createVNode(unref(y), {
-          class: "font-medium",
-          "data-test": "max-company-filter-label"
-        }, {
-          default: withCtx(() => [
-            createTextVNode(toDisplayString(_ctx.$t("max.header.companyLabel")), 1)
-          ]),
-          _: 1
-        }),
-        createVNode(unref(script$3), {
-          modelValue: unref(selectedCompany2),
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(selectedCompany2) ? selectedCompany2.value = $event : null),
-          loading: unref(isLoading2),
-          disabled: disableFilter.value,
-          options: unref(companies),
-          fluid: "",
-          "data-test": "max-company-filter-select",
-          optionLabel: "name",
-          optionValue: "id",
-          size: "small",
-          appendTo: "self",
-          "pt:optionlabel": "!whitespace-pre-wrap",
-          onChange: unref(getData2)
-        }, null, 8, ["modelValue", "loading", "disabled", "options", "onChange"])
-      ]);
-    };
-  }
-});
-const _hoisted_1$4 = { class: "grid grid-cols-1 lg:!grid-cols-6 gap-4" };
-const _hoisted_2$1 = {
-  key: 0,
-  class: "!col-span-6"
-};
-const _hoisted_3$1 = {
-  key: 1,
-  class: "hidden lg:!flex flex-col gap-1.5 !col-start-1 lg:!col-end-5"
-};
-const _hoisted_4$1 = ["src"];
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
-  __name: "Header",
-  setup(__props) {
-    const { showMaxBanner, hasMaxAccount } = useWithdrawMaxStore();
-    onMounted(() => {
-      useWithdrawMaxStore().initialize();
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("header", _hoisted_1$4, [
-        unref(showMaxBanner) && !unref(hasMaxAccount) ? (openBlock(), createElementBlock("div", _hoisted_2$1, [
-          createVNode(unref(_sfc_main$8), { "default-style": false })
-        ])) : createCommentVNode("", true),
-        !unref(showMaxBanner) ? (openBlock(), createElementBlock("div", _hoisted_3$1, [
-          createBaseVNode("img", {
-            src: unref(resolveImageSrc)("/images/logo/max.svg"),
-            alt: "Appmax logo",
-            class: "w-[6.438rem]",
-            "data-test": "max-header-logo"
-          }, null, 8, _hoisted_4$1),
-          createVNode(unref(y), {
-            class: "!leading-none",
-            "data-test": "max-header-subtitle"
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.$t("max.header.subtitle")), 1)
-            ]),
-            _: 1
-          })
-        ])) : createCommentVNode("", true),
-        createVNode(_sfc_main$7)
-      ]);
-    };
-  }
-});
-const defaultRootStyle = "!py-[7px] !px-1.5";
-const defaultLabelStyle = "font-bold leading-none text-[10px] uppercase";
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
-  __name: "Tag",
-  props: {
-    disabled: {
-      type: Boolean,
-      default: false
-    }
-  },
-  setup(__props) {
-    const props = __props;
-    const activeRootStyle = `!bg-primary-100 ${defaultRootStyle}`;
-    const disabledRootStyle = `!bg-surface-200 ${defaultRootStyle}`;
-    const activeLabelStyle = `text-primary ${defaultLabelStyle}`;
-    const disabledLabelStyle = `text-surface-600 ${defaultLabelStyle}`;
-    const labelStyle = computed(() => {
-      return props.disabled ? disabledLabelStyle : activeLabelStyle;
-    });
-    const rootStyle = computed(() => {
-      return props.disabled ? disabledRootStyle : activeRootStyle;
-    });
-    const label = computed(() => {
-      return props.disabled ? t("max.cards.tag.soon") : t("max.cards.tag.new");
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(script$4), {
-        value: label.value,
-        "data-test": `max-tag-${label.value}`,
-        class: normalizeClass(rootStyle.value),
-        "pt:label:class": labelStyle.value
-      }, null, 8, ["value", "data-test", "class", "pt:label:class"]);
-    };
-  }
-});
-const _hoisted_1$3 = { class: "px-[30px] py-[10px] flex items-center gap-2 bg-warning-100" };
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
-  __name: "CardAlert",
-  props: {
-    text: {},
-    dataTestPrefix: {}
-  },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$3, [
-        createVNode(unref(_), {
-          "data-test": `${_ctx.dataTestPrefix}-warning-icon`,
-          icon: "warning",
-          class: "text-warning"
-        }, null, 8, ["data-test"]),
-        createVNode(unref(y), {
-          "data-test": `${_ctx.dataTestPrefix}-alert-text`,
-          class: "!font-semibold w-fit [&>a]:underline [&>a]:font-semibold",
-          innerHTML: _ctx.text
-        }, null, 8, ["data-test", "innerHTML"])
-      ]);
-    };
-  }
-});
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
-  __name: "LinkModal",
-  props: {
-    header: {},
-    contentKey: {}
-  },
-  setup(__props) {
-    const visible = ref(false);
-    const open = () => {
-      visible.value = true;
-    };
-    const close = () => {
-      visible.value = false;
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(Fragment, null, [
-        createBaseVNode("span", {
-          onClick: open,
-          "data-test": "max-link-modal",
-          class: "text-primary underline cursor-pointer"
-        }, toDisplayString(_ctx.$t("max.cards.linkModal.label")), 1),
-        createVNode(unref(script$5), {
-          visible: visible.value,
-          "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => visible.value = $event),
-          header: _ctx.header,
-          "data-test": "max-link-modal-dialog",
-          "pt:root": "max-w-[36.25rem] !w-[90%] !flex !flex-col !gap-4",
-          "pt:content": "!flex !flex-col !gap-8",
-          modal: ""
-        }, {
-          default: withCtx(() => [
-            createVNode(unref(y), {
-              "data-test": "max-link-modal-content",
-              class: "leading-6",
-              innerHTML: _ctx.$t(_ctx.contentKey)
-            }, null, 8, ["innerHTML"]),
-            createVNode(unref($), {
-              label: _ctx.$t("max.cards.linkModal.button"),
-              "data-test": "max-link-modal-button",
-              class: "!w-32 ml-auto",
-              size: "small",
-              onClick: close
-            }, null, 8, ["label"])
-          ]),
-          _: 1
-        }, 8, ["visible", "header"])
-      ], 64);
-    };
-  }
-});
-const _hoisted_1$2 = { class: "flex flex-col gap-4 lg:!flex-row lg:!items-center lg:!gap-6 p-6" };
-const _hoisted_2 = ["data-test", "src", "alt"];
-const _hoisted_3 = { class: "flex flex-col gap-4 lg:!gap-2 lg:!max-w-[600px]" };
-const _hoisted_4 = { class: "flex items-center gap-2" };
-const _hoisted_5 = ["data-test", "src", "alt"];
-const _hoisted_6 = {
-  key: 0,
-  class: "flex items-center justify-between lg:!items-end lg:!ml-auto lg:!flex-col lg:!gap-4"
-};
-const _hoisted_7 = { class: "lg:!text-end" };
-const _hoisted_8 = {
-  key: 1,
-  class: "flex items-center gap-2"
-};
-const _hoisted_9 = {
-  key: 0,
-  class: "flex items-center justify-center w-[48px]"
-};
-const _hoisted_10 = {
-  key: 0,
-  class: "px-[30px] py-[10px] flex flex-col gap-4 bg-warning-100 lg:!flex-row lg:!justify-between lg:!items-center"
-};
-const _hoisted_11 = { class: "flex items-center gap-2" };
-const dataTestPrefix = "max-activation-card";
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  __name: "ActivationCard",
-  props: {
-    isActive: { type: Boolean },
-    enabled: { type: Boolean },
-    img: {},
-    name: {},
-    rateDefault: {},
-    eligibleCompany: { type: Boolean },
-    maxAccount: { type: Boolean },
-    hasError: { type: Boolean },
-    isSubmitting: { type: Boolean },
-    isLoading: { type: Boolean },
-    onSwitch: { type: Function },
-    onReload: { type: Function }
-  },
-  setup(__props) {
-    const { t: t2 } = useI18n();
-    const props = __props;
-    const toggleSwitchLabel = computed(() => {
-      return props.enabled ? t2("max.cards.deactivateLabel") : t2("max.cards.activateLabel");
-    });
-    const onSwitch2 = (value) => props.onSwitch(value);
-    const showSwitch = computed(
-      () => (props.eligibleCompany && props.maxAccount || props.isLoading) && !props.hasError
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(C), {
-        "pt:root:style": { boxShadow: "2px 2px 12px 0px rgba(51, 51, 51, 0.16)" },
-        "data-test": `${dataTestPrefix}-${props.name}`,
-        class: "flex flex-col overflow-hidden",
-        "pt:body:class": "!w-full !p-0"
-      }, {
-        default: withCtx(() => [
-          createBaseVNode("div", _hoisted_1$2, [
-            createBaseVNode("img", {
-              "data-test": `${dataTestPrefix}-${props.name}-img`,
-              src: unref(resolveImageSrc)(_ctx.img),
-              alt: _ctx.name,
-              class: "w-[38px] h-[38px] row-span-2 hidden lg:!block"
-            }, null, 8, _hoisted_2),
-            createBaseVNode("div", _hoisted_3, [
-              createBaseVNode("div", _hoisted_4, [
-                createBaseVNode("img", {
-                  "data-test": `${dataTestPrefix}-${props.name}-img`,
-                  src: unref(resolveImageSrc)(_ctx.img),
-                  alt: _ctx.name,
-                  class: "w-[30px] lg:!hidden"
-                }, null, 8, _hoisted_5),
-                createVNode(unref(y), {
-                  "data-test": `${dataTestPrefix}-${props.name}-title`,
-                  isStrong: "",
-                  variant: "subtitle"
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode(toDisplayString(_ctx.$t(`max.cards.${_ctx.name}.title`)), 1)
-                  ]),
-                  _: 1
-                }, 8, ["data-test"]),
-                createVNode(_sfc_main$5, {
-                  disabled: !_ctx.isActive
-                }, null, 8, ["disabled"])
-              ]),
-              createVNode(unref(y), {
-                "data-test": `${dataTestPrefix}-${props.name}-description`,
-                class: "lg:!row-start-2 lg:!col-start-2"
-              }, {
-                default: withCtx(() => [
-                  createTextVNode(toDisplayString(_ctx.$t(`max.cards.${_ctx.name}.description`)) + " ", 1),
-                  createVNode(_sfc_main$3, {
-                    header: _ctx.$t(`max.cards.${_ctx.name}.title`),
-                    contentKey: `max.cards.${_ctx.name}.linkModal`
-                  }, null, 8, ["header", "contentKey"])
-                ]),
-                _: 1
-              }, 8, ["data-test"])
-            ]),
-            showSwitch.value ? (openBlock(), createElementBlock("div", _hoisted_6, [
-              createBaseVNode("div", _hoisted_7, [
-                _ctx.isLoading ? (openBlock(), createBlock(unref(script$6), {
-                  key: 0,
-                  "data-test": `${dataTestPrefix}-${props.name}-rate-default-skeleton`,
-                  width: "7rem",
-                  height: "2rem"
-                }, null, 8, ["data-test"])) : _ctx.rateDefault ? (openBlock(), createBlock(unref(y), {
-                  key: 1,
-                  "data-test": `${dataTestPrefix}-${props.name}-rate-default`,
-                  isStrong: "",
-                  class: "!font-semibold",
-                  variant: "title"
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode(toDisplayString(unref(formatFloatMoney)(_ctx.rateDefault)), 1)
-                  ]),
-                  _: 1
-                }, 8, ["data-test"])) : (openBlock(), createBlock(unref(y), {
-                  key: 2,
-                  "data-test": `${dataTestPrefix}-${props.name}-rate-default`,
-                  isStrong: "",
-                  class: "!font-semibold",
-                  variant: "title"
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode(toDisplayString(_ctx.$t("Grátis")), 1)
-                  ]),
-                  _: 1
-                }, 8, ["data-test"])),
-                createVNode(unref(y), {
-                  "data-test": `${dataTestPrefix}-${props.name}-rate-description`,
-                  class: "text-[10px] text-muted-color"
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode(toDisplayString(_ctx.$t(`max.cards.${_ctx.name}.rateDescription`)), 1)
-                  ]),
-                  _: 1
-                }, 8, ["data-test"])
-              ]),
-              _ctx.isLoading ? (openBlock(), createBlock(unref(script$6), {
-                key: 0,
-                "data-test": `${dataTestPrefix}-${props.name}-switch-skeleton`,
-                width: "7.188rem",
-                height: "1.75rem"
-              }, null, 8, ["data-test"])) : (openBlock(), createElementBlock("div", _hoisted_8, [
-                createVNode(unref(y), {
-                  class: normalizeClass([{ "text-muted-color": !_ctx.isActive }, "font-semibold"]),
-                  "data-test": `${dataTestPrefix}-${props.name}-switch-label`
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode(toDisplayString(toggleSwitchLabel.value), 1)
-                  ]),
-                  _: 1
-                }, 8, ["class", "data-test"]),
-                _ctx.isSubmitting ? (openBlock(), createElementBlock("span", _hoisted_9, [
-                  createVNode(unref(script), {
-                    "data-test": `${dataTestPrefix}-${props.name}-switch-spinner`,
-                    strokeWidth: "6",
-                    "pt:root": "!h-[28px]",
-                    "pt:circle": "!stroke-primary !fill-primary-100"
-                  }, null, 8, ["data-test"])
-                ])) : (openBlock(), createBlock(unref(script$7), {
-                  key: 1,
-                  defaultValue: _ctx.enabled,
-                  disabled: !_ctx.isActive,
-                  "data-test": `${dataTestPrefix}-${props.name}-switch-toggle`,
-                  onValueChange: onSwitch2
-                }, null, 8, ["defaultValue", "disabled", "data-test"]))
-              ]))
-            ])) : createCommentVNode("", true)
-          ]),
-          _ctx.hasError ? (openBlock(), createElementBlock("div", _hoisted_10, [
-            createBaseVNode("span", _hoisted_11, [
-              createVNode(unref(_), {
-                "data-test": `${dataTestPrefix}-${props.name}-warning-icon`,
-                icon: "warning",
-                class: "text-warning"
-              }, null, 8, ["data-test"]),
-              createVNode(unref(y), {
-                "data-test": `${dataTestPrefix}-${props.name}-error-alert-text`,
-                class: "font-semibold w-fit"
-              }, {
-                default: withCtx(() => [
-                  createTextVNode(toDisplayString(_ctx.$t("max.cards.alert.error")), 1)
-                ]),
-                _: 1
-              }, 8, ["data-test"])
-            ]),
-            createVNode(unref($), {
-              label: _ctx.$t("max.cards.alert.reload"),
-              "data-test": `${dataTestPrefix}-${props.name}-error-alert-btn`,
-              severity: "warn",
-              size: "small",
-              icon: "refresh",
-              class: "w-full lg:!w-fit",
-              onClick: _ctx.onReload
-            }, null, 8, ["label", "data-test", "onClick"])
-          ])) : !_ctx.eligibleCompany && !_ctx.isLoading ? (openBlock(), createBlock(_sfc_main$4, {
-            key: 1,
-            text: _ctx.$t("max.cards.alert.notEligible"),
-            dataTestPrefix: `${dataTestPrefix}-${props.name}-not-eligible`
-          }, null, 8, ["text", "dataTestPrefix"])) : !_ctx.maxAccount && !_ctx.isLoading ? (openBlock(), createBlock(_sfc_main$4, {
-            key: 2,
-            text: _ctx.$t("max.cards.alert.noAccount"),
-            dataTestPrefix: `${dataTestPrefix}-${props.name}-no-account`
-          }, null, 8, ["text", "dataTestPrefix"])) : createCommentVNode("", true)
-        ]),
-        _: 1
-      }, 8, ["data-test"]);
-    };
-  }
-});
-const _hoisted_1$1 = { class: "grid gap-6 mt-6" };
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  __name: "CardWrapper",
-  setup(__props) {
-    const { cards: cards2 } = useMaxCards();
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$1, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(cards2), (card) => {
-          return openBlock(), createBlock(_sfc_main$2, mergeProps({ ref_for: true }, card), null, 16);
-        }), 256))
-      ]);
-    };
-  }
-});
-const _hoisted_1 = {
-  key: 1,
-  class: "grid gap-6 mt-6"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "Max.page",
-  setup(__props) {
-    const { cards: cards2 } = useMaxCards();
-    const { isLoading: isLoading2, hasError: hasError2, initialize: initialize2, hasNoCompanies } = useCompanies();
-    onMounted(initialize2);
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(Fragment, null, [
-        createVNode(_sfc_main$6),
-        unref(hasError2) ? (openBlock(), createBlock(unref(C), {
-          key: 0,
-          class: "mt-6",
-          "pt:root:style": { boxShadow: "2px 2px 12px 0px rgba(51, 51, 51, 0.16)" }
-        }, {
-          default: withCtx(() => [
-            createVNode(_sfc_main$9, {
-              title: _ctx.$t("max.error.title"),
-              text: _ctx.$t("max.error.description"),
-              iconName: "refresh",
-              class: "pb-10"
-            }, null, 8, ["title", "text"])
-          ]),
-          _: 1
-        })) : unref(isLoading2) && !unref(hasError2) ? (openBlock(), createElementBlock("div", _hoisted_1, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(cards2), (card) => {
-            return openBlock(), createBlock(unref(script$6), {
-              width: "100%",
-              height: "8.75rem",
-              key: card.name
-            });
-          }), 128))
-        ])) : unref(hasNoCompanies) ? (openBlock(), createBlock(unref(C), {
-          key: 2,
-          class: "mt-6",
-          "pt:root:style": { boxShadow: "2px 2px 12px 0px rgba(51, 51, 51, 0.16)" }
-        }, {
-          default: withCtx(() => [
-            createVNode(_sfc_main$9, {
-              text: _ctx.$t("max.empty.description"),
-              iconName: "folder",
-              class: "pb-10"
-            }, null, 8, ["text"])
-          ]),
-          _: 1
-        })) : (openBlock(), createBlock(_sfc_main$1, { key: 3 }))
-      ], 64);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};