appmax-client-vue3 5.2.0 → 5.3.0

package/dist/AppstoreHomeView-DjR3b3-J.js

@@ -0,0 +1,1372 @@
+import { aP as s, W as w, aQ as x, a9 as resolveComponent, g as createElementBlock, h as openBlock, i as createVNode, w as withCtx, F as Fragment, p as renderList, q as createBlock, aR as at, n as normalizeClass, k as createCommentVNode, S as normalizeStyle, aS as J, r as ref, z as watch, e as computed, o as onMounted, Q as onUnmounted, j as createBaseVNode, a6 as renderSlot, u as useI18n, d as useBreakpoint, l as unref, aT as k$1, aU as D$1, V as C, E as ApiService, aV as fe, H as withModifiers, aW as G, aX as A, aY as _, aZ as T$1, b as useRoute, a as useToast } from "./main-CJqq8LV_.js";
+import { A as AmCardV3 } from "./AmCardV3-CvAuzYKv.js";
+import { g as getLocalStorageWithExpiry, s as setLocalStorageWithExpiry, _ as _sfc_main$6, a as _sfc_main$7 } from "./AppInstallationConfirmationPasswordModal-BOF-9KaG.js";
+import { n as ne } from "./ds-appmax-v335-QfNLVACK.js";
+import { I } from "./ds-appmax-v327-CvnIjV6A.js";
+import { g } from "./ds-appmax-v330-C0uO9nF3.js";
+const h = {
+  name: "AmTabs",
+  components: {
+    AmIcon: x,
+    AmTypography: w
+  },
+  props: {
+    /**
+     * Define items
+     */
+    items: {
+      type: Array,
+      default: () => []
+    },
+    /**
+     * Define density
+     */
+    density: {
+      type: String,
+      validator: (o) => ["default", "comfortable", "compact"].includes(o),
+      default: "compact"
+    },
+    /**
+     * Define size
+     */
+    size: {
+      type: String,
+      validator: (o) => ["full", "default"].includes(o),
+      default: "default"
+    },
+    /**
+     * Define the current selected tab value
+     */
+    modelValue: {
+      type: [String, Number],
+      default: null
+    },
+    /**
+     * Disable text transformations like capitalization
+     */
+    noTextTransform: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(o, { emit: r }) {
+    const t = ref(o.modelValue);
+    return watch(t, (e) => {
+      r("update:modelValue", e);
+    }), {
+      tab: t
+    };
+  }
+};
+function k(o, r, t, e, z, C2) {
+  const m = resolveComponent("AmIcon"), d = resolveComponent("AmTypography");
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(["am_tabs", `am_tabs--${t.size}`])
+  }, [
+    createVNode(J, {
+      modelValue: e.tab,
+      "onUpdate:modelValue": r[0] || (r[0] = (a) => e.tab = a),
+      density: t.density,
+      class: "am_tabs--tabs",
+      "bg-color": "transparent",
+      color: "primary",
+      grow: ""
+    }, {
+      default: withCtx(() => [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(t.items, (a) => (openBlock(), createBlock(at, {
+          key: a.id,
+          value: a.value,
+          disabled: a.disabled,
+          class: normalizeClass([
+            "am_tabs--tabs--tab",
+            {
+              "am_tabs--tabs--tab--active": a.value === e.tab,
+              "am_tabs--tabs--tab--disabled": a.disabled
+            }
+          ])
+        }, {
+          default: withCtx(() => [
+            a.icon ? (openBlock(), createBlock(m, {
+              key: 0,
+              class: "am_tabs--tabs--tab--icon",
+              size: "sm",
+              color: a.value === e.tab ? "primary" : "text60",
+              icon: a.icon
+            }, null, 8, ["color", "icon"])) : createCommentVNode("", true),
+            createVNode(d, {
+              class: "am_tabs--tabs--tab--title",
+              typographyStyle: "l6",
+              text: a.title,
+              textColor: a.value === e.tab || a.disabled ? "text120" : "text60",
+              weight: "normal",
+              style: normalizeStyle(t.noTextTransform ? { textTransform: "none" } : {})
+            }, null, 8, ["text", "textColor", "style"]),
+            a.badge ? (openBlock(), createBlock(d, {
+              key: 1,
+              class: "am_tabs--tabs--tab--badge",
+              typographyStyle: "l6",
+              text: a.badge,
+              weight: "normal"
+            }, null, 8, ["text"])) : createCommentVNode("", true),
+            a.warning ? (openBlock(), createBlock(m, {
+              key: 2,
+              class: "am_tabs--tabs--tab--warning",
+              icon: "warning",
+              size: "sm",
+              color: "warning100"
+            })) : createCommentVNode("", true)
+          ]),
+          _: 2
+        }, 1032, ["value", "disabled", "class"]))), 128))
+      ]),
+      _: 1
+    }, 8, ["modelValue", "density"])
+  ], 2);
+}
+const U = /* @__PURE__ */ s(h, [["render", k]]);
+const M = { key: 0 }, T = ["onClick"], j = { key: 0 }, D = { key: 0 }, H = { key: 1 }, P = {
+  __name: "SimpleAmTable",
+  props: {
+    header: {
+      type: Array,
+      required: true,
+      default: () => []
+    },
+    data: {
+      type: Array,
+      required: true,
+      default: () => []
+    },
+    variant: {
+      type: String,
+      default: "default"
+    }
+  },
+  setup(k2) {
+    const h2 = k2, o = ref(""), i = ref("asc"), _2 = ref([...h2.data]), f = computed(
+      () => h2.header.map((a) => ({
+        ...a,
+        key: a.key || a.label.toLowerCase().replace(" ", "_"),
+        filtered: a.isSorting && a.key === o.value
+      }))
+    ), g2 = computed(() => {
+      const a = [..._2.value];
+      return o.value ? a.sort((m, e) => {
+        const t = m[o.value], d = e[o.value];
+        return typeof t == "string" && typeof d == "string" ? i.value === "asc" ? t.localeCompare(d) : d.localeCompare(t) : i.value === "asc" ? t - d : d - t;
+      }) : a;
+    }), A2 = (a) => {
+      o.value === a ? i.value = i.value === "asc" ? "desc" : "asc" : (o.value = a, i.value = "asc");
+    };
+    watch(
+      () => h2.data,
+      (a) => {
+        _2.value = JSON.parse(JSON.stringify(a));
+      }
+    );
+    const y = ref(window.matchMedia("(min-width: 1200px)").matches), C2 = () => {
+      y.value = window.matchMedia("(min-width: 1200px)").matches;
+    };
+    return onMounted(() => {
+      window.addEventListener("resize", C2);
+    }), onUnmounted(() => {
+      window.removeEventListener("resize", C2);
+    }), (a, m) => (openBlock(), createElementBlock(Fragment, null, [
+      createBaseVNode("div", {
+        class: normalizeClass([`${k2.variant} ${k2.variant}_${y.value ? "desktop" : "mobile"}`])
+      }, [
+        y.value ? (openBlock(), createElementBlock("table", M, [
+          createBaseVNode("thead", null, [
+            createBaseVNode("tr", null, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(f.value, (e) => (openBlock(), createElementBlock("th", {
+                key: e.key,
+                class: normalizeClass(e.size),
+                onClick: (t) => e.isSorting && A2(e.key)
+              }, [
+                createBaseVNode("div", {
+                  class: normalizeClass([
+                    "d-flex",
+                    "sort_row",
+                    `justify-${e.align ?? ""}`
+                  ])
+                }, [
+                  createVNode(w, {
+                    text: e.label,
+                    typographyStyle: "l6",
+                    weight: "medium",
+                    class: "sort"
+                  }, null, 8, ["text"]),
+                  o.value === e.key ? (openBlock(), createBlock(x, {
+                    key: 0,
+                    class: "sort-icon",
+                    icon: i.value === "asc" ? "keyboard_arrow_up" : "keyboard_arrow_down"
+                  }, null, 8, ["icon"])) : createCommentVNode("", true),
+                  e.helper ? (openBlock(), createBlock(I, {
+                    key: 1,
+                    tooltipText: e.helper.text,
+                    color: e.helper.color || "systemBlue100",
+                    tooltipPosition: e.helper.position ? e.helper.position : "top",
+                    onlyHelper: !!e.helper.onClick,
+                    onClick: (t) => e.helper.onClick ? e.helper.onClick() : null
+                  }, null, 8, ["tooltipText", "color", "tooltipPosition", "onlyHelper", "onClick"])) : createCommentVNode("", true)
+                ], 2)
+              ], 10, T))), 128))
+            ])
+          ]),
+          createBaseVNode("tbody", null, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(g2.value, (e) => (openBlock(), createElementBlock("tr", {
+              key: e.id
+            }, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(f.value, (t) => (openBlock(), createElementBlock("td", {
+                key: t.key,
+                class: normalizeClass([{ filtered: t.filtered }])
+              }, [
+                t.template ? (openBlock(), createElementBlock("div", {
+                  key: 0,
+                  class: normalizeClass(["d-flex", `justify-${t.align ?? ""}`])
+                }, [
+                  renderSlot(a.$slots, t.key, { item: e })
+                ], 2)) : (openBlock(), createElementBlock("div", {
+                  key: 1,
+                  class: normalizeClass(["d-flex", `justify-${t.align ?? ""}`])
+                }, [
+                  createVNode(w, {
+                    text: e[t.key],
+                    typographyStyle: "l6",
+                    textColor: "text60"
+                  }, null, 8, ["text"])
+                ], 2))
+              ], 2))), 128))
+            ]))), 128))
+          ])
+        ])) : createCommentVNode("", true)
+      ], 2),
+      y.value ? createCommentVNode("", true) : (openBlock(), createElementBlock("div", j, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(g2.value, (e) => (openBlock(), createElementBlock("div", {
+          key: e.id,
+          class: "card-mobile"
+        }, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(f.value, (t) => (openBlock(), createElementBlock("div", {
+            key: t.key,
+            class: normalizeClass(t.classes)
+          }, [
+            t.templateMobile ? (openBlock(), createElementBlock("div", D, [
+              renderSlot(a.$slots, t.key, { item: e })
+            ])) : (openBlock(), createElementBlock("div", H, [
+              createVNode(w, {
+                text: e[t.key],
+                typographyStyle: "l7",
+                textColor: "text80",
+                weight: "medium"
+              }, null, 8, ["text"])
+            ]))
+          ], 2))), 128))
+        ]))), 128))
+      ]))
+    ], 64));
+  }
+};
+const _hoisted_1$4 = { class: "appstore-home-header" };
+const _sfc_main$5 = {
+  __name: "AppstoreHomeHeader",
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const { t } = useI18n();
+    const isDesktop = useBreakpoint("desktop");
+    const translates = computed(() => ({
+      allApps: t("appstoreHomeHeader.allApps"),
+      installed: t("appstoreHomeHeader.installed")
+    }));
+    const getLocalStorageTab = () => getLocalStorageWithExpiry("appstore:tabs") ?? "all";
+    const tabValue = ref(getLocalStorageTab());
+    const items = ref([
+      { id: 1, title: translates.value.allApps, value: "all" },
+      { id: 2, title: translates.value.installed, value: "installed" }
+    ]);
+    const emit = __emit;
+    const linkToDevelopApp = () => {
+      window.open("https://appstore.appmax.com.br/", "_blank");
+    };
+    watch(
+      () => tabValue.value,
+      (value) => {
+        emit("update:modelValue", value);
+        setLocalStorageWithExpiry("appstore:tabs", value, 60 * 10 * 1e3);
+      }
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$4, [
+        createVNode(unref(U), {
+          items: items.value,
+          noTextTransform: true,
+          modelValue: tabValue.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => tabValue.value = $event)
+        }, null, 8, ["items", "modelValue"]),
+        unref(isDesktop) ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: "appstore-home-header__develop-app",
+          onClick: _cache[1] || (_cache[1] = ($event) => linkToDevelopApp())
+        }, [
+          createVNode(unref(k$1), {
+            name: "devices",
+            color: "#9B6AFA"
+          }),
+          createVNode(unref(w), {
+            weight: "semibold",
+            typographyStyle: "l7",
+            text: _ctx.$t("appstoreHomeHeader.developApp"),
+            textColor: "primaryPurple100",
+            "wrapper-element": "span"
+          }, null, 8, ["text"])
+        ])) : createCommentVNode("", true)
+      ]);
+    };
+  }
+};
+function appHaveIntegrationLink(item) {
+  if (item.integration_link) {
+    window.location.href = item.integration_link;
+  }
+}
+function appIsWizardIntegration(item) {
+  if (item.integration) {
+    window.location.href = `/wizard/self-service/my-sites/create?is_appstore=true&integration=${item.integration}`;
+  }
+}
+const _hoisted_1$3 = { class: "app-uninstall-modal" };
+const _hoisted_2$3 = { class: "app-uninstall-modal-description" };
+const _hoisted_3$3 = {
+  key: 0,
+  class: "app-uninstall-modal-action"
+};
+const _sfc_main$4 = {
+  __name: "AppUninstallModal",
+  props: {
+    items: {
+      type: Object,
+      required: true
+    },
+    appIntegration: {
+      type: Boolean,
+      required: false
+    }
+  },
+  emits: ["closeAppUninstallModal"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const loadingUninstall = ref(false);
+    const closeModal = () => {
+      emit("closeAppUninstallModal", true);
+    };
+    const uninstallApp = () => {
+      loadingUninstall.value = true;
+      if (props.appIntegration.isWizardIntegration) {
+        uninstallAppIntegration();
+        return;
+      }
+      const { app_id, site_id, company_id } = props.items;
+      const isUninstallByCompany = Boolean(company_id);
+      const paramId = isUninstallByCompany ? company_id : site_id;
+      const typeUninstall = isUninstallByCompany ? "company" : "site";
+      const uninstallUrl = `/api/app/uninstall-app/${app_id}/${paramId}/${typeUninstall}`;
+      ApiService.post(uninstallUrl).then(({ data }) => {
+        emit("closeAppUninstallModal", true);
+        window.location.reload();
+      }).catch((error) => {
+        console.error("Erro ao desinstalar o aplicativo");
+      });
+    };
+    const uninstallAppIntegration = () => {
+      ApiService.put("/wizard/self-service/archive-integration", { site_id: props.appIntegration.site_id }).then((response) => {
+        emit("closeAppUninstallModal", true);
+        window.location.reload();
+      }).catch((error) => {
+        console.log("Erro ao desinstalar o aplicativo de integração");
+      });
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$3, [
+        createBaseVNode("div", _hoisted_2$3, [
+          createVNode(unref(w), {
+            text: _ctx.$t(`appUninstallModal.description`),
+            class: "app-description",
+            typographyStyle: "l6",
+            weight: "normal"
+          }, null, 8, ["text"])
+        ]),
+        !loadingUninstall.value ? (openBlock(), createElementBlock("div", _hoisted_3$3, [
+          createVNode(unref(D$1), {
+            class: "app-action-cancel",
+            label: _ctx.$t(`appUninstallModal.actionCancel`),
+            variant: "maxGhost",
+            onClick: closeModal,
+            size: "xlarge"
+          }, null, 8, ["label"]),
+          createVNode(unref(D$1), {
+            class: "app-action-uninstall",
+            label: _ctx.$t(`appUninstallModal.actionUninstall`),
+            variant: "maxPrimary",
+            size: "xlarge",
+            onClick: uninstallApp
+          }, null, 8, ["label"])
+        ])) : createCommentVNode("", true),
+        loadingUninstall.value ? (openBlock(), createBlock(unref(C), {
+          key: 1,
+          class: "app-uninstall-modal-loading",
+          isLoading: loadingUninstall.value
+        }, null, 8, ["isLoading"])) : createCommentVNode("", true)
+      ]);
+    };
+  }
+};
+const _hoisted_1$2 = {
+  key: 1,
+  class: "form"
+};
+const _hoisted_2$2 = { class: "form_input" };
+const _hoisted_3$2 = { class: "form_input-label" };
+const _hoisted_4$2 = {
+  key: 0,
+  class: "form_input"
+};
+const _hoisted_5$1 = { class: "form_input-label" };
+const _hoisted_6$1 = { class: "form_input" };
+const _hoisted_7$1 = { class: "form_input-label" };
+const _hoisted_8 = { class: "form_input" };
+const _hoisted_9 = { class: "form_input-label" };
+const _sfc_main$3 = {
+  __name: "EditStoreModal",
+  props: {
+    id: { type: String, required: true },
+    appId: {
+      type: String,
+      required: false,
+      default: null
+    }
+  },
+  setup(__props) {
+    const form = ref({
+      name: "",
+      pageOfSales: "",
+      supportPhone: "",
+      supportEmail: "",
+      emailLogoTop: "",
+      logo: ""
+    });
+    const originalData = ref({});
+    const loading = ref(false);
+    const systemURL = void 0;
+    const setOldData = (storeData, offerData) => {
+      originalData.value = {
+        name: storeData.name,
+        pageOfSales: offerData,
+        supportPhone: storeData.support_phone,
+        supportEmail: storeData.support_email,
+        logo: storeData.email_logo_top
+      };
+    };
+    const fetchStoreData = async () => {
+      loading.value = true;
+      try {
+        const url = __props.appId ? `/api/app/store/${__props.id}/app/${__props.appId}` : `/api/app/store/${__props.id}`;
+        const response = await ApiService.get(url);
+        const { store, offer_page: offerPage } = response.data.data;
+        form.value.name = store.name;
+        form.value.supportPhone = store.support_phone;
+        form.value.supportEmail = store.support_email;
+        form.value.pageOfSales = offerPage;
+        form.value.logo = store.email_logo_top;
+        setOldData(store, offerPage);
+      } catch (error) {
+        console.error("Failed to fetch store data:", error);
+      } finally {
+        loading.value = false;
+      }
+    };
+    const submitFormToEditStore = async () => {
+      loading.value = true;
+      try {
+        const formData = new FormData();
+        const fieldsToUpdate = {
+          name: "name",
+          pageOfSales: "offer_page_url",
+          supportPhone: "support_phone",
+          supportEmail: "support_email"
+        };
+        Object.keys(fieldsToUpdate).forEach((key) => {
+          if (form.value[key] !== originalData.value[key]) {
+            formData.append(fieldsToUpdate[key], form.value[key]);
+          }
+        });
+        if (form.value.emailLogoTop) {
+          formData.append("email_logo_top", form.value.emailLogoTop[0]);
+        }
+        await ApiService.post(`/api/app/store/edit/${__props.id}`, formData, {
+          headers: { "Content-Type": "multipart/form-data" }
+        });
+        window.location.reload();
+      } catch (error) {
+        console.error("Failed to submit form:", error);
+      }
+    };
+    onMounted(fetchStoreData);
+    return (_ctx, _cache) => {
+      return loading.value ? (openBlock(), createBlock(unref(C), {
+        key: 0,
+        "is-loading": loading.value
+      }, null, 8, ["is-loading"])) : (openBlock(), createElementBlock("div", _hoisted_1$2, [
+        createBaseVNode("div", _hoisted_2$2, [
+          createBaseVNode("div", _hoisted_3$2, [
+            createVNode(unref(w), {
+              text: _ctx.$t("appstoreEditStoreModal.form.name.label"),
+              weight: "medium",
+              "typography-style": "l5"
+            }, null, 8, ["text"]),
+            createVNode(unref(w), {
+              text: _ctx.$t("appstoreEditStoreModal.form.name.description"),
+              "text-color": "text80",
+              "typography-style": "l7"
+            }, null, 8, ["text"])
+          ]),
+          createVNode(unref(fe), {
+            id: "name",
+            modelValue: form.value.name,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => form.value.name = $event),
+            placeholder: _ctx.$t("appstoreEditStoreModal.form.name.placeholder"),
+            size: "fullWidth",
+            required: "",
+            class: "form_input-input"
+          }, null, 8, ["modelValue", "placeholder"])
+        ]),
+        form.value.pageOfSales ? (openBlock(), createElementBlock("div", _hoisted_4$2, [
+          createBaseVNode("div", _hoisted_5$1, [
+            createVNode(unref(w), {
+              text: _ctx.$t("appstoreEditStoreModal.form.pageOfSales.label"),
+              weight: "medium",
+              "typography-style": "l5"
+            }, null, 8, ["text"]),
+            createVNode(unref(w), {
+              text: _ctx.$t("appstoreEditStoreModal.form.pageOfSales.description"),
+              "text-color": "text80",
+              "typography-style": "l7"
+            }, null, 8, ["text"])
+          ]),
+          createVNode(unref(fe), {
+            id: "pageOfSales",
+            modelValue: form.value.pageOfSales,
+            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => form.value.pageOfSales = $event),
+            placeholder: _ctx.$t("appstoreEditStoreModal.form.pageOfSales.placeholder"),
+            size: "fullWidth",
+            required: "",
+            class: "form_input-input"
+          }, null, 8, ["modelValue", "placeholder"])
+        ])) : createCommentVNode("", true),
+        createBaseVNode("div", _hoisted_6$1, [
+          createBaseVNode("div", _hoisted_7$1, [
+            createVNode(unref(w), {
+              text: _ctx.$t("appstoreEditStoreModal.form.supportPhone.label"),
+              weight: "medium",
+              "typography-style": "l5"
+            }, null, 8, ["text"]),
+            createVNode(unref(w), {
+              text: _ctx.$t("appstoreEditStoreModal.form.supportPhone.description"),
+              "text-color": "text80",
+              "typography-style": "l7"
+            }, null, 8, ["text"])
+          ]),
+          createVNode(unref(fe), {
+            id: "supportPhone",
+            modelValue: form.value.supportPhone,
+            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => form.value.supportPhone = $event),
+            placeholder: _ctx.$t("appstoreEditStoreModal.form.supportPhone.placeholder"),
+            size: "fullWidth",
+            required: "",
+            class: "form_input-input"
+          }, null, 8, ["modelValue", "placeholder"])
+        ]),
+        createBaseVNode("div", _hoisted_8, [
+          createBaseVNode("div", _hoisted_9, [
+            createVNode(unref(w), {
+              text: _ctx.$t("appstoreEditStoreModal.form.supportEmail.label"),
+              weight: "medium",
+              "typography-style": "l5"
+            }, null, 8, ["text"]),
+            createVNode(unref(w), {
+              text: _ctx.$t("appstoreEditStoreModal.form.supportEmail.description"),
+              "text-color": "text80",
+              "typography-style": "l7"
+            }, null, 8, ["text"])
+          ]),
+          createVNode(unref(fe), {
+            id: "supportEmail",
+            modelValue: form.value.supportEmail,
+            "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => form.value.supportEmail = $event),
+            placeholder: _ctx.$t("appstoreEditStoreModal.form.supportEmail.placeholder"),
+            size: "fullWidth",
+            required: "",
+            class: "form_input-input"
+          }, null, 8, ["modelValue", "placeholder"])
+        ]),
+        createVNode(unref(ne), {
+          modelValue: form.value.emailLogoTop,
+          "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => form.value.emailLogoTop = $event),
+          accept: "image/jpeg, image/png",
+          label: _ctx.$t("appstoreEditStoreModal.form.emailLogoTop.label"),
+          hint: _ctx.$t("appstoreEditStoreModal.form.emailLogoTop.description"),
+          "input-message": _ctx.$t("appstoreEditStoreModal.form.emailLogoTop.placeholder"),
+          "initial-image": `${unref(systemURL)}/${form.value.logo}`
+        }, null, 8, ["modelValue", "label", "hint", "input-message", "initial-image"]),
+        createVNode(unref(D$1), {
+          label: _ctx.$t("appstoreEditStoreModal.form.actions.save"),
+          onClick: submitFormToEditStore
+        }, null, 8, ["label"])
+      ]));
+    };
+  }
+};
+const _hoisted_1$1 = {
+  class: /* @__PURE__ */ normalizeClass(["all-apps-table-item__content"])
+};
+const _hoisted_2$1 = {
+  class: /* @__PURE__ */ normalizeClass(["all-apps-table-item__content__body"])
+};
+const _hoisted_3$1 = {
+  class: /* @__PURE__ */ normalizeClass(["all-apps-table-item__content__body__title"])
+};
+const _hoisted_4$1 = ["src"];
+const _hoisted_5 = { class: "flex-col" };
+const _hoisted_6 = {
+  class: /* @__PURE__ */ normalizeClass(["all-apps-table-item__content__body__header"])
+};
+const _hoisted_7 = {
+  class: /* @__PURE__ */ normalizeClass([
+    "all-apps-table-item__content__actions"
+  ])
+};
+const _sfc_main$2 = {
+  __name: "AppstoreHomeAppsMobile",
+  props: {
+    items: {
+      type: Array,
+      required: true
+    },
+    currentTab: {
+      type: String,
+      required: true
+    },
+    loading: {
+      type: Boolean
+    }
+  },
+  emits: ["changePage"],
+  setup(__props, { emit: __emit }) {
+    const { t } = useI18n();
+    const blockedFavorite = ref([]);
+    ref(false);
+    const showModalAppUninstallModal = ref(false);
+    const appModalInfo = ref(null);
+    const isAppIntegration = ref(null);
+    ref(1);
+    const actionTranslate = computed(() => props.currentTab === "all" ? t("appstoreHomeAppsTable.install") : t("appstoreHomeAppsTable.uninstall"));
+    const closeAppUninstallModal = (value) => {
+      showModalAppUninstallModal.value = false;
+    };
+    const dataInstallation = ref(false);
+    const openModal = ref(false);
+    const openInstallationModal = ref(false);
+    const statusInstallation = ref(void 0);
+    const openModalEditStore = ref(false);
+    const siteIDToEdit = ref(null);
+    const appIDToEdit = ref(null);
+    watch(
+      () => statusInstallation.value,
+      (value) => {
+        if (!value) {
+          openInstallationModal.value = false;
+        }
+        setTimeout(() => {
+          statusInstallation.value = void 0;
+        }, "1000");
+      }
+    );
+    const showFavoriteButton = (item) => {
+      if (item.isWizardIntegration) {
+        return false;
+      }
+      return !blockedFavorite.value[item.id];
+    };
+    const restartPageModalInfo = () => {
+      dataInstallation.value = false;
+      openModal.value = false;
+      openInstallationModal.value = false;
+      statusInstallation.value = void 0;
+    };
+    const favoritedIcon = (isFavorited) => isFavorited ? "favorite" : "favorite_border";
+    const submitFavorite = (app_id, site_id, status) => {
+      blockedFavorite.value[app_id] = true;
+      ApiService.post("/api/app/favorite", { app_id, site_id, status }).then(() => {
+        location.reload();
+      }).catch(() => {
+        blockedFavorite.value[app_id] = false;
+      });
+    };
+    const props = __props;
+    computed(() => {
+      if (props.perPage === -1) {
+        return 1;
+      }
+      return Math.ceil(props.total / props.perPage);
+    });
+    const actionModalInstallOrUninstall = (item) => {
+      appHaveIntegrationLink(item);
+      if (!item.integration_link) {
+        appIsWizardIntegration(item);
+      }
+      if (item.integration) {
+        return;
+      }
+      openInstallationModal.value = false;
+      appModalInfo.value = {
+        "app_id": item.id,
+        "site_id": item.site_id
+      };
+      isAppIntegration.value = {
+        "isWizardIntegration": item.isWizardIntegration ? true : false,
+        "site_id": item.id
+      };
+      return props.currentTab === "all" ? openModal.value = true : showModalAppUninstallModal.value = true;
+    };
+    const openEditStore = (item) => {
+      if (item.isWizardIntegration) {
+        window.location.href = `/wizard/self-service/my-sites/${item.id}`;
+        return;
+      }
+      siteIDToEdit.value = item.site_id;
+      appIDToEdit.value = item.id;
+      openModalEditStore.value = true;
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(props.items, (item, index) => {
+          return openBlock(), createElementBlock("div", {
+            class: normalizeClass(["all-apps-table-item"]),
+            key: index
+          }, [
+            createBaseVNode("div", _hoisted_1$1, [
+              createBaseVNode("div", _hoisted_2$1, [
+                createBaseVNode("div", _hoisted_3$1, [
+                  createBaseVNode("img", {
+                    src: item.app.logo,
+                    alt: "logo"
+                  }, null, 8, _hoisted_4$1),
+                  createBaseVNode("div", _hoisted_5, [
+                    createVNode(unref(w), {
+                      text: item.app.name,
+                      typographyStyle: "l6",
+                      textColor: "text80"
+                    }, null, 8, ["text"]),
+                    createVNode(unref(w), {
+                      class: "all-apps-table-item__content__actions-price",
+                      text: item.price ?? unref(t)("appstoreHomeAppsTable.free"),
+                      weight: "medium",
+                      typographyStyle: "l6",
+                      textColor: "text80"
+                    }, null, 8, ["text"])
+                  ])
+                ]),
+                createBaseVNode("div", _hoisted_6, [
+                  props.currentTab !== "installed" ? (openBlock(), createBlock(unref(w), {
+                    key: 0,
+                    text: item.app.description,
+                    weight: "normal",
+                    typographyStyle: "l6",
+                    textColor: "text60"
+                  }, null, 8, ["text"])) : createCommentVNode("", true),
+                  props.currentTab !== "installed" ? (openBlock(), createBlock(unref(w), {
+                    key: 1,
+                    class: "mt-1",
+                    text: item.support_email,
+                    weight: "normal",
+                    typographyStyle: "l6",
+                    textColor: "text60"
+                  }, null, 8, ["text"])) : createCommentVNode("", true),
+                  props.currentTab == "installed" ? (openBlock(), createBlock(unref(w), {
+                    key: 2,
+                    text: item.site_name,
+                    weight: "normal",
+                    typographyStyle: "l7",
+                    textColor: "text60"
+                  }, null, 8, ["text"])) : createCommentVNode("", true)
+                ])
+              ]),
+              createBaseVNode("div", _hoisted_7, [
+                showFavoriteButton(item) && props.currentTab === "installed" ? (openBlock(), createBlock(unref(k$1), {
+                  key: 0,
+                  class: "appstore-home-all-apps-table__favorite",
+                  color: "#9B6AFA",
+                  name: favoritedIcon(item.is_favorited),
+                  onClick: withModifiers(($event) => submitFavorite(item.id, item.site_id, !item.is_favorited), ["prevent"])
+                }, null, 8, ["name", "onClick"])) : createCommentVNode("", true),
+                blockedFavorite.value[item.id] ? (openBlock(), createBlock(unref(C), {
+                  key: 1,
+                  class: "appstore-home-all-apps-table__loading",
+                  "is-loading": true
+                })) : createCommentVNode("", true),
+                props.currentTab === "installed" ? (openBlock(), createBlock(unref(G), {
+                  key: 2,
+                  class: "appstore-home-all-apps-table__dropdown",
+                  iconController: "",
+                  size: "fitContent",
+                  options: [
+                    {
+                      title: _ctx.$t("appstoreHomeAppsTable.disable"),
+                      action: () => actionModalInstallOrUninstall(item),
+                      icon: "clear"
+                    },
+                    {
+                      title: _ctx.$t("appstoreHomeAppsTable.edit"),
+                      action: () => {
+                        openEditStore(item);
+                      },
+                      icon: "edit"
+                    }
+                  ]
+                }, null, 8, ["options"])) : createCommentVNode("", true),
+                props.currentTab === "all" ? (openBlock(), createBlock(unref(D$1), {
+                  key: 3,
+                  label: actionTranslate.value,
+                  variant: "maxGhost",
+                  size: "tiny",
+                  icon: props.currentTab === "all" ? {
+                    name: "add",
+                    size: "small",
+                    position: "withLeftIcon"
+                  } : void 0,
+                  onClick: ($event) => actionModalInstallOrUninstall(item)
+                }, null, 8, ["label", "icon", "onClick"])) : createCommentVNode("", true)
+              ])
+            ])
+          ]);
+        }), 128)),
+        createBaseVNode("div", null, [
+          openModal.value ? (openBlock(), createBlock(unref(A), {
+            key: 0,
+            modelValue: openModal.value,
+            "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => openModal.value = $event),
+            persistent: true,
+            onClose: restartPageModalInfo
+          }, {
+            default: withCtx(() => [
+              !openInstallationModal.value ? (openBlock(), createBlock(_sfc_main$6, {
+                key: 0,
+                statusInstallation: statusInstallation.value,
+                statusInstallationDescription: _ctx.statusInstallationDescription,
+                items: appModalInfo.value,
+                siteName: _ctx.siteName,
+                onOpenInstallationModal: _cache[0] || (_cache[0] = ($event) => openInstallationModal.value = $event),
+                onDataInstallation: _cache[1] || (_cache[1] = ($event) => dataInstallation.value = $event)
+              }, null, 8, ["statusInstallation", "statusInstallationDescription", "items", "siteName"])) : createCommentVNode("", true),
+              openInstallationModal.value ? (openBlock(), createBlock(_sfc_main$7, {
+                key: 1,
+                dataInstallation: dataInstallation.value,
+                onStatusInstallation: _cache[2] || (_cache[2] = ($event) => statusInstallation.value = $event),
+                onReturnButtonClick: _cache[3] || (_cache[3] = ($event) => openInstallationModal.value = false),
+                onStatusInstallationDescription: _cache[4] || (_cache[4] = ($event) => _ctx.statusInstallationDescription = $event),
+                onSiteName: _cache[5] || (_cache[5] = ($event) => _ctx.siteName = $event)
+              }, null, 8, ["dataInstallation"])) : createCommentVNode("", true)
+            ]),
+            _: 1
+          }, 8, ["modelValue"])) : createCommentVNode("", true),
+          openModalEditStore.value ? (openBlock(), createBlock(unref(A), {
+            key: 1,
+            modelValue: openModalEditStore.value,
+            "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => openModalEditStore.value = $event),
+            maxWidth: "500px",
+            persistent: true,
+            title: _ctx.$t("appstoreHomeAppsTable.edit")
+          }, {
+            default: withCtx(() => [
+              createVNode(_sfc_main$3, {
+                id: siteIDToEdit.value,
+                appId: appIDToEdit.value
+              }, null, 8, ["id", "appId"])
+            ]),
+            _: 1
+          }, 8, ["modelValue", "title"])) : createCommentVNode("", true),
+          showModalAppUninstallModal.value ? (openBlock(), createBlock(unref(A), {
+            key: 2,
+            modelValue: showModalAppUninstallModal.value,
+            "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => showModalAppUninstallModal.value = $event),
+            title: _ctx.$t(`appUninstallModal.title`),
+            size: "md",
+            onClose: _cache[9] || (_cache[9] = ($event) => showModalAppUninstallModal.value = false)
+          }, {
+            default: withCtx(() => [
+              createVNode(_sfc_main$4, {
+                items: appModalInfo.value,
+                appIntegration: isAppIntegration.value,
+                onCloseAppUninstallModal: closeAppUninstallModal
+              }, null, 8, ["items", "appIntegration"])
+            ]),
+            _: 1
+          }, 8, ["modelValue", "title"])) : createCommentVNode("", true)
+        ])
+      ], 64);
+    };
+  }
+};
+const _hoisted_1 = { key: 1 };
+const _hoisted_2 = { key: 0 };
+const _hoisted_3 = { class: "appstore-home-all-apps-table__app" };
+const _hoisted_4 = ["src"];
+const _sfc_main$1 = {
+  __name: "AppstoreHomeAppsTable",
+  props: {
+    items: {
+      type: Array,
+      required: true
+    },
+    currentTab: {
+      type: String,
+      required: true
+    },
+    loading: {
+      type: Boolean
+    },
+    perPage: {
+      type: Number,
+      default: 0
+    },
+    total: {
+      type: Number,
+      default: 0
+    }
+  },
+  emits: ["appInstalled", "changePage"],
+  setup(__props, { emit: __emit }) {
+    const isDesktop = useBreakpoint("desktop");
+    const { t } = useI18n();
+    const blockedFavorite = ref([]);
+    const showModalAppUninstallModal = ref(false);
+    const appModalInfo = ref(null);
+    const isAppIntegration = ref(null);
+    const openModalEditStore = ref(false);
+    const siteIDToEdit = ref(null);
+    const appIDToEdit = ref(null);
+    const props = __props;
+    const closeAppUninstallModal = (value) => {
+      showModalAppUninstallModal.value = false;
+    };
+    computed(() => {
+      if (props.perPage === -1) {
+        return 1;
+      }
+      return Math.ceil(props.total / props.perPage);
+    });
+    const emit = __emit;
+    const dataInstallation = ref(false);
+    const openModal = ref(false);
+    const openInstallationModal = ref(false);
+    const statusInstallation = ref(void 0);
+    const showFavoriteButton = (item) => {
+      if (item.isWizardIntegration) {
+        return false;
+      }
+      return !blockedFavorite.value[item.id];
+    };
+    const appInstalled = () => {
+      emit("appInstalled");
+      restartPageModalInfo();
+    };
+    watch(
+      () => statusInstallation.value,
+      (value) => {
+        if (!value) {
+          openInstallationModal.value = false;
+        }
+        setTimeout(() => {
+          statusInstallation.value = void 0;
+        }, "1000");
+      }
+    );
+    const translates = computed(() => ({
+      headers: {
+        app: t("appstoreHomeAppsTable.headers.app"),
+        supportEmail: t("appstoreHomeAppsTable.headers.supportEmail"),
+        site_name: t("appstoreHomeAppsTable.headers.site_name"),
+        favorite: t("appstoreHomeAppsTable.headers.favorite"),
+        price: t("appstoreHomeAppsTable.headers.price")
+      }
+    }));
+    const restartPageModalInfo = () => {
+      dataInstallation.value = false;
+      openModal.value = false;
+      openInstallationModal.value = false;
+      statusInstallation.value = void 0;
+    };
+    const favoritedIcon = (isFavorited) => isFavorited ? "favorite" : "favorite_border";
+    const actionTranslate = computed(() => props.currentTab === "all" ? t("appstoreHomeAppsTable.install") : t("appstoreHomeAppsTable.uninstall"));
+    const submitFavorite = (app_id, site_id, status) => {
+      blockedFavorite.value[app_id] = true;
+      ApiService.post("/api/app/favorite", { app_id, site_id, status }).then(() => {
+        location.reload();
+      }).catch(() => {
+        blockedFavorite.value[app_id] = false;
+      });
+    };
+    const headers = computed(() => [
+      {
+        label: translates.value.headers.app,
+        key: "app",
+        template: true,
+        templateMobile: true,
+        classes: "title",
+        size: "w-2/4"
+      },
+      props.currentTab === "all" ? { label: translates.value.headers.supportEmail, key: "support_email", classes: "description" } : null,
+      props.currentTab === "installed" ? { label: translates.value.headers.site_name, key: "site_name", template: true, classes: "description" } : null,
+      props.currentTab === "installed" ? { label: translates.value.headers.favorite, key: "favorite", template: true, classes: "description" } : null,
+      { label: translates.value.headers.price, key: "price", template: true, classes: "actions-bottom" },
+      {
+        label: "",
+        key: "actions",
+        classes: "actions",
+        template: true,
+        templateMobile: true,
+        align: "end"
+      }
+    ].filter((item) => item !== null));
+    const actionModalInstallOrUninstall = (item) => {
+      appHaveIntegrationLink(item);
+      if (!item.integration_link) {
+        appIsWizardIntegration(item);
+      }
+      if (item.integration) {
+        return;
+      }
+      openInstallationModal.value = false;
+      appModalInfo.value = {
+        "app_id": item.id,
+        "site_id": item.site_id,
+        ...item.company_id != null && { company_id: item.company_id },
+        "isIternalapp": item.isInternalApp
+      };
+      isAppIntegration.value = {
+        "isWizardIntegration": item.isWizardIntegration ? true : false,
+        "site_id": item.id
+      };
+      return props.currentTab === "all" ? openModal.value = true : showModalAppUninstallModal.value = true;
+    };
+    const openEditStore = (item) => {
+      if (item.isWizardIntegration) {
+        window.open(`/wizard/self-service/my-sites/${item.id}`, "_blank", "noopener,noreferrer");
+        return;
+      } else {
+        siteIDToEdit.value = item.site_id;
+        appIDToEdit.value = item.id;
+      }
+      openModalEditStore.value = true;
+    };
+    return (_ctx, _cache) => {
+      return props.loading ? (openBlock(), createBlock(unref(C), {
+        key: 0,
+        "is-loading": props.loading,
+        class: "flex-1 flex justify-center items-center"
+      }, null, 8, ["is-loading"])) : (openBlock(), createElementBlock("div", _hoisted_1, [
+        props.items.length !== 0 ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          unref(isDesktop) ? (openBlock(), createBlock(unref(P), {
+            key: 0,
+            header: headers.value,
+            data: props.items
+          }, {
+            app: withCtx(({ item }) => [
+              createBaseVNode("div", _hoisted_3, [
+                createBaseVNode("img", {
+                  src: item.app.logo,
+                  alt: "logo",
+                  class: normalizeClass([
+                    "appstore-home-all-apps-table__logo"
+                  ])
+                }, null, 8, _hoisted_4),
+                createBaseVNode("div", null, [
+                  createVNode(unref(w), {
+                    weight: "normal",
+                    typographyStyle: "l6",
+                    text: item.app.name,
+                    "wrapper-element": "span"
+                  }, null, 8, ["text"]),
+                  createBaseVNode("div", null, [
+                    createVNode(unref(_), {
+                      content: item.app.description,
+                      offset: "5",
+                      width: "320"
+                    }, null, 8, ["content"]),
+                    props.currentTab === "all" ? (openBlock(), createBlock(unref(w), {
+                      key: 0,
+                      wrapperElement: "span",
+                      class: "appstore-home-all-apps-table__description",
+                      weight: "normal",
+                      typographyStyle: "l6",
+                      text: item.app.description,
+                      textColor: "text60"
+                    }, null, 8, ["text"])) : createCommentVNode("", true)
+                  ])
+                ])
+              ])
+            ]),
+            price: withCtx(({ item }) => [
+              createVNode(unref(w), {
+                weight: "normal",
+                typographyStyle: "l6",
+                text: item.price ?? unref(t)("appstoreHomeAppsTable.free"),
+                textColor: "text60",
+                "wrapper-element": "span"
+              }, null, 8, ["text"])
+            ]),
+            site_name: withCtx(({ item }) => [
+              createVNode(unref(w), {
+                weight: "normal",
+                typographyStyle: "l6",
+                text: item.site_name,
+                textColor: "text60",
+                "wrapper-element": "span"
+              }, null, 8, ["text"])
+            ]),
+            favorite: withCtx(({ item }) => [
+              showFavoriteButton(item) ? (openBlock(), createBlock(unref(k$1), {
+                key: 0,
+                class: "appstore-home-all-apps-table__favorite",
+                color: "#9B6AFA",
+                name: favoritedIcon(item.is_favorited),
+                onClick: withModifiers(($event) => submitFavorite(item.id, item.site_id, !item.is_favorited), ["prevent"])
+              }, null, 8, ["name", "onClick"])) : createCommentVNode("", true),
+              blockedFavorite.value[item.id] ? (openBlock(), createBlock(unref(C), {
+                key: 1,
+                class: "appstore-home-all-apps-table__loading",
+                "is-loading": blockedFavorite.value[item.id]
+              }, null, 8, ["is-loading"])) : createCommentVNode("", true)
+            ]),
+            actions: withCtx(({ item }) => [
+              props.currentTab === "all" ? (openBlock(), createBlock(unref(D$1), {
+                key: 0,
+                label: actionTranslate.value,
+                variant: "maxGhost",
+                onClick: ($event) => actionModalInstallOrUninstall(item),
+                icon: {
+                  name: "add",
+                  size: "small",
+                  position: "withLeftIcon"
+                }
+              }, null, 8, ["label", "onClick"])) : createCommentVNode("", true),
+              props.currentTab !== "all" && !item.app.is_blocked ? (openBlock(), createBlock(unref(G), {
+                key: 1,
+                iconController: "",
+                size: "fitContent",
+                options: [
+                  {
+                    title: _ctx.$t("appstoreHomeAppsTable.disable"),
+                    action: () => actionModalInstallOrUninstall(item),
+                    icon: "close"
+                  },
+                  {
+                    title: _ctx.$t("appstoreHomeAppsTable.edit"),
+                    action: () => {
+                      openEditStore(item);
+                    },
+                    icon: "edit"
+                  }
+                ]
+              }, null, 8, ["options"])) : createCommentVNode("", true)
+            ]),
+            _: 1
+          }, 8, ["header", "data"])) : (openBlock(), createBlock(_sfc_main$2, {
+            key: 1,
+            items: props.items,
+            "current-tab": props.currentTab,
+            loading: props.loading
+          }, null, 8, ["items", "current-tab", "loading"]))
+        ])) : (openBlock(), createBlock(unref(T$1), {
+          key: 1,
+          icon: "folder",
+          text: _ctx.$t("appstoreHomeAppsTable.noApps"),
+          action: "",
+          sizeAction: "xlarge"
+        }, null, 8, ["text"])),
+        openModalEditStore.value ? (openBlock(), createBlock(unref(A), {
+          key: 2,
+          modelValue: openModalEditStore.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => openModalEditStore.value = $event),
+          maxWidth: "500px",
+          persistent: true,
+          title: _ctx.$t("appstoreHomeAppsTable.edit")
+        }, {
+          default: withCtx(() => [
+            createVNode(_sfc_main$3, {
+              id: siteIDToEdit.value,
+              appId: appIDToEdit.value
+            }, null, 8, ["id", "appId"])
+          ]),
+          _: 1
+        }, 8, ["modelValue", "title"])) : createCommentVNode("", true),
+        openModal.value ? (openBlock(), createBlock(unref(A), {
+          key: 3,
+          modelValue: openModal.value,
+          "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => openModal.value = $event),
+          maxWidth: "500px",
+          persistent: true,
+          title: _ctx.$t(`appstoreHomeAppsTable.installApp`),
+          onClose: restartPageModalInfo
+        }, {
+          default: withCtx(() => [
+            !openInstallationModal.value ? (openBlock(), createBlock(_sfc_main$6, {
+              key: 0,
+              onOpenInstallationModal: _cache[1] || (_cache[1] = ($event) => openInstallationModal.value = $event),
+              onDataInstallation: _cache[2] || (_cache[2] = ($event) => dataInstallation.value = $event),
+              statusInstallation: statusInstallation.value,
+              statusInstallationDescription: _ctx.statusInstallationDescription,
+              items: appModalInfo.value,
+              siteName: _ctx.siteName
+            }, null, 8, ["statusInstallation", "statusInstallationDescription", "items", "siteName"])) : createCommentVNode("", true),
+            openInstallationModal.value ? (openBlock(), createBlock(_sfc_main$7, {
+              key: 1,
+              dataInstallation: dataInstallation.value,
+              onStatusInstallation: _cache[3] || (_cache[3] = ($event) => statusInstallation.value = $event),
+              onReturnButtonClick: _cache[4] || (_cache[4] = ($event) => openInstallationModal.value = false),
+              onAppInstalled: appInstalled,
+              onStatusInstallationDescription: _cache[5] || (_cache[5] = ($event) => _ctx.statusInstallationDescription = $event),
+              onSiteName: _cache[6] || (_cache[6] = ($event) => _ctx.siteName = $event)
+            }, null, 8, ["dataInstallation"])) : createCommentVNode("", true)
+          ]),
+          _: 1
+        }, 8, ["modelValue", "title"])) : createCommentVNode("", true),
+        showModalAppUninstallModal.value ? (openBlock(), createBlock(unref(A), {
+          key: 4,
+          modelValue: showModalAppUninstallModal.value,
+          "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => showModalAppUninstallModal.value = $event),
+          maxWidth: "500px",
+          persistent: true,
+          title: _ctx.$t(`appUninstallModal.title`),
+          size: "md",
+          onClose: _cache[9] || (_cache[9] = ($event) => showModalAppUninstallModal.value = false)
+        }, {
+          default: withCtx(() => [
+            createVNode(_sfc_main$4, {
+              items: appModalInfo.value,
+              appIntegration: isAppIntegration.value,
+              onCloseAppUninstallModal: closeAppUninstallModal
+            }, null, 8, ["items", "appIntegration"])
+          ]),
+          _: 1
+        }, 8, ["modelValue", "title"])) : createCommentVNode("", true)
+      ]));
+    };
+  }
+};
+const _sfc_main = {
+  __name: "AppstoreHomeView",
+  emits: ["appInstalled"],
+  setup(__props, { emit: __emit }) {
+    const getLocalStorageTab = () => getLocalStorageWithExpiry("appstore:tabs") ?? "all";
+    const currentTab = ref(getLocalStorageTab());
+    const items = ref([]);
+    const perPage = ref(null);
+    const total = ref(null);
+    const loading = ref(true);
+    const { t } = useI18n();
+    const currentPage = ref(1);
+    const appInstalled = () => {
+      currentTab.value = "installed";
+    };
+    const selectRoute = (value) => value === "installed" ? "/api/app/user" : "/api/app";
+    const route = useRoute();
+    const toast = useToast();
+    const installSuccess = ref(route.query.installSuccess);
+    const getApps = (url, page) => {
+      ApiService.get(`${url}?page=${page}`).then(({ data }) => {
+        items.value = data.data.data.map((item) => ({
+          app: {
+            id: item.id,
+            name: item.name,
+            logo: item.url_logo,
+            description: item.app_description,
+            is_blocked: item.is_blocked
+          },
+          support_email: item.support_email,
+          price: item.value <= 0 || item.formatted_value == "" || item.value == "" ? t("appstoreHomeAppsTable.free") : item.formatted_value,
+          is_favorited: item.is_favorited,
+          site_id: item.site_id,
+          company_id: item.company_id ?? null,
+          site_name: item.site_name,
+          id: item.id,
+          integration: item.integration,
+          integration_color: item.color,
+          integration_link: item.link,
+          isWizardIntegration: item.isWizardIntegration,
+          isIternalApp: item.isIternalApp
+        }));
+        perPage.value = data.data.per_page;
+        total.value = data.data.total;
+      }).finally(() => {
+        loading.value = false;
+      });
+    };
+    watch(
+      () => currentTab.value,
+      (value) => {
+        loading.value = true;
+        items.value = [];
+        currentPage.value = 1;
+        getApps(selectRoute(value), 1);
+      }
+    );
+    const changePage = (event) => {
+      loading.value = true;
+      items.value = [];
+      getApps(selectRoute(getLocalStorageTab()), event);
+    };
+    const pageCount = computed(() => {
+      if (perPage.value === -1) {
+        return 1;
+      }
+      return Math.ceil(total.value / perPage.value);
+    });
+    onMounted(async () => {
+      getApps(selectRoute(getLocalStorageTab()), 1);
+      if (installSuccess.value == "true") {
+        toast.success("Aplicativo Instalado");
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(AmCardV3, { class: "flex-1 flex flex-col" }, {
+        default: withCtx(() => [
+          createVNode(_sfc_main$5, {
+            modelValue: currentTab.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => currentTab.value = $event)
+          }, null, 8, ["modelValue"]),
+          createVNode(_sfc_main$1, {
+            items: items.value,
+            onAppInstalled: appInstalled,
+            onChangePage: changePage,
+            "current-tab": currentTab.value,
+            loading: loading.value,
+            "per-page": perPage.value,
+            total: total.value
+          }, null, 8, ["items", "current-tab", "loading", "per-page", "total"]),
+          !loading.value ? (openBlock(), createBlock(unref(g), {
+            key: 0,
+            modelValue: currentPage.value,
+            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => currentPage.value = $event),
+            class: "mt-auto",
+            length: pageCount.value,
+            onInputClick: _cache[2] || (_cache[2] = ($event) => changePage($event))
+          }, null, 8, ["modelValue", "length"])) : createCommentVNode("", true)
+        ]),
+        _: 1
+      });
+    };
+  }
+};
+export {
+  _sfc_main as default
+};