appmax-client-vue3 5.0.7 → 5.1.0

package/dist/index.page-BVcb69Yv.js

@@ -0,0 +1,737 @@
+import { Y as BaseStyle, bc as script$2, g as createElementBlock, h as openBlock, D as mergeProps, j as createBaseVNode, ad as defineComponent, e as computed, af as t, q as createBlock, l as unref, b7 as script$3, n as normalizeClass, r as ref, F as Fragment, i as createVNode, t as toDisplayString, w as withCtx, y, $, K as script$4, u as useI18n, k as createCommentVNode, P, m as createTextVNode, ac as formatFloatMoney, E as ApiService, as as toRefs, x as reactive, ba as snakeToCamelCase, ag as toaster, b6 as featureFlagsService, z as watch, p as renderList, o as onMounted } from "./main-BmrFFhAz.js";
+import { C } from "./index-CBu74hI0.js";
+import { s as script$6 } from "./index-DuWgaA5x.js";
+import { s as script$5 } from "./index-CYCbWc6H.js";
+import { _ as _sfc_main$5 } from "./AmLayoutFeedbackState-CXpvQO-G.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$2 = ["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$2)], 16))], 16);
+}
+script.render = render;
+const defaultRootStyle = "!py-[7px] !px-1.5";
+const defaultLabelStyle = "font-bold leading-none text-[10px] uppercase";
+const _sfc_main$4 = /* @__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-800 ${defaultRootStyle}`;
+    const activeLabelStyle = `text-muted-color-emphasis ${defaultLabelStyle}`;
+    const disabledLabelStyle = `text-surface-200 ${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$3), {
+        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 _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: "underline cursor-pointer"
+        }, toDisplayString(_ctx.$t("max.cards.linkModal.label")), 1),
+        createVNode(unref(script$4), {
+          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$1 = { class: "flex flex-col gap-4 lg:!flex-row lg:!items-center lg:!gap-6 p-6" };
+const _hoisted_2 = { class: "flex flex-col gap-4 lg:!gap-2 lg:!max-w-[800px]" };
+const _hoisted_3 = { class: "flex items-center gap-2" };
+const _hoisted_4 = {
+  key: 0,
+  class: "flex items-center justify-between lg:!items-end lg:!ml-auto lg:!flex-col lg:!gap-4"
+};
+const _hoisted_5 = { class: "lg:!text-end" };
+const _hoisted_6 = {
+  key: 1,
+  class: "flex items-center gap-2"
+};
+const _hoisted_7 = {
+  key: 0,
+  class: "flex items-center justify-center w-[48px]"
+};
+const _hoisted_8 = {
+  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_9 = { 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 },
+    icon: {},
+    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 showSwitch = computed(
+      () => (props.eligibleCompany && props.maxAccount || props.isLoading) && !props.hasError
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(C), {
+        "data-test": `${dataTestPrefix}-${props.name}`,
+        class: "flex flex-col overflow-hidden",
+        "pt:body:class": "!w-full !p-0"
+      }, {
+        default: withCtx(() => [
+          createBaseVNode("div", _hoisted_1$1, [
+            createVNode(unref(P), {
+              "data-test": `${dataTestPrefix}-${props.name}-icon`,
+              icon: _ctx.icon,
+              class: "text-[38px] row-span-2 hidden lg:!block"
+            }, null, 8, ["data-test", "icon"]),
+            createBaseVNode("div", _hoisted_2, [
+              createBaseVNode("div", _hoisted_3, [
+                createVNode(unref(P), {
+                  "data-test": `${dataTestPrefix}-${props.name}-icon`,
+                  icon: _ctx.icon,
+                  class: "text-[30px] lg:!hidden"
+                }, null, 8, ["data-test", "icon"]),
+                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$4, {
+                  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 || true ? (openBlock(), createElementBlock("div", _hoisted_4, [
+              createBaseVNode("div", _hoisted_5, [
+                _ctx.isLoading ? (openBlock(), createBlock(unref(script$5), {
+                  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$5), {
+                key: 0,
+                "data-test": `${dataTestPrefix}-${props.name}-switch-skeleton`,
+                width: "7.188rem",
+                height: "1.75rem"
+              }, null, 8, ["data-test"])) : (openBlock(), createElementBlock("div", _hoisted_6, [
+                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_7, [
+                  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"])
+                ])) : createCommentVNode("", true),
+                createVNode(unref(script$6))
+              ]))
+            ])) : createCommentVNode("", true)
+          ]),
+          _ctx.hasError ? (openBlock(), createElementBlock("div", _hoisted_8, [
+            createBaseVNode("span", _hoisted_9, [
+              createVNode(unref(P), {
+                "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"])
+          ])) : createCommentVNode("", true)
+        ]),
+        _: 1
+      }, 8, ["data-test"]);
+    };
+  }
+});
+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_ICON = "request_quote";
+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(() => ({
+      icon: CARD_ICON,
+      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 = { class: "grid gap-6" };
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "CardWrapper",
+  setup(__props) {
+    const { cards: cards2 } = useMaxCards();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_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 _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index.page",
+  setup(__props) {
+    const { isLoading: isLoading2, hasError: hasError2, initialize: initialize2, hasNoCompanies } = useCompanies();
+    onMounted(initialize2);
+    return (_ctx, _cache) => {
+      return unref(hasError2) ? (openBlock(), createBlock(unref(C), {
+        key: 0,
+        "pt:root:style": { boxShadow: "2px 2px 12px 0px rgba(51, 51, 51, 0.16)" }
+      }, {
+        default: withCtx(() => [
+          createVNode(_sfc_main$5, {
+            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(), createBlock(unref(script$5), {
+        key: 1,
+        width: "100%",
+        height: "8.75rem"
+      })) : unref(hasNoCompanies) ? (openBlock(), createBlock(unref(C), {
+        key: 2,
+        "pt:root:style": { boxShadow: "2px 2px 12px 0px rgba(51, 51, 51, 0.16)" }
+      }, {
+        default: withCtx(() => [
+          createVNode(_sfc_main$5, {
+            text: _ctx.$t("max.empty.description"),
+            iconName: "folder",
+            class: "pb-10"
+          }, null, 8, ["text"])
+        ]),
+        _: 1
+      })) : (openBlock(), createBlock(_sfc_main$1, { key: 3 }));
+    };
+  }
+});
+export {
+  _sfc_main as default
+};