appmax-client-vue3 5.0.2 → 5.0.4

package/dist/Max.page-CRhbzJ09.js

@@ -0,0 +1,879 @@
+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-BxSNdVUz.js";
+import { u as useWithdrawMaxStore, _ as _sfc_main$8 } from "./WithdrawMaxStore-_rja1BVK.js";
+import { C } from "./index-CDH6Q9OK.js";
+import { s as script$7 } from "./index-DMwh-GaM.js";
+import { s as script$6 } from "./index-bCzxdosm.js";
+import { s as script$4 } from "./index-nN012QFO.js";
+import { _ as _sfc_main$9 } from "./AmLayoutFeedbackState-Cv5RUrw6.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
+};