appmax-client-vue3 5.0.2 → 5.0.4

package/dist/AppInstallationConfirmationPasswordModal-21z9otg1.js

@@ -0,0 +1,535 @@
+import { u as useI18n, r as ref, e as computed, A as watch, o as onMounted, g as createElementBlock, h as openBlock, v as createBlock, k as createCommentVNode, l as unref, V as C, j as createBaseVNode, i as createVNode, W as w, aC as P, aR as D, aT as G, aS as fe, F as Fragment, q as renderList, w as withCtx, aY as M, G as ApiService, m as createTextVNode, t as toDisplayString } from "./main-BxSNdVUz.js";
+import { A } from "./ds-appmax-v322-CpQMgZw3.js";
+function setLocalStorageWithExpiry(key, value, ttl) {
+  const now = /* @__PURE__ */ new Date();
+  const item = {
+    value,
+    expiry: now.getTime() + ttl
+  };
+  window.localStorage.setItem(key, JSON.stringify(item));
+}
+function getLocalStorageWithExpiry(key) {
+  const itemStr = window.localStorage.getItem(key);
+  if (!itemStr) {
+    return null;
+  }
+  const item = JSON.parse(itemStr);
+  const now = /* @__PURE__ */ new Date();
+  if (now.getTime() > item.expiry) {
+    window.localStorage.removeItem(key);
+    return null;
+  }
+  return item.value;
+}
+const _hoisted_1$1 = {
+  key: 1,
+  class: "app-installation-confirmation-modal"
+};
+const _hoisted_2$1 = { class: "app-installation-confirmation-modal-header" };
+const _hoisted_3$1 = ["src"];
+const _hoisted_4$1 = { class: "app-installation-confirmation-modal-title-and-value" };
+const _hoisted_5$1 = { class: "flex justify-between items-center w-full" };
+const _hoisted_6$1 = {
+  key: 0,
+  class: "app-installation-confirmation-modal-action"
+};
+const _hoisted_7$1 = { key: 0 };
+const _hoisted_8$1 = {
+  key: 2,
+  class: "system-functions-info mt-4"
+};
+const _hoisted_9$1 = {
+  key: 3,
+  class: "flex flex-col mt-2"
+};
+const _hoisted_10$1 = {
+  key: 0,
+  class: "app-installation-confirmation-modal-permissions"
+};
+const _hoisted_11$1 = {
+  key: 3,
+  class: "app-installation-confirmation-modal-installation-integration"
+};
+const _sfc_main$1 = {
+  __name: "AppInstallationConfirmationModal",
+  props: {
+    items: {
+      type: Object,
+      required: true
+    },
+    statusInstallation: {
+      type: Boolean,
+      required: false,
+      default: true
+    },
+    statusInstallationDescription: {
+      type: String,
+      required: false
+    },
+    siteName: {
+      type: Number,
+      required: false
+    }
+  },
+  emits: [
+    "openInstallationModal",
+    "dataInstallation"
+  ],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const { t } = useI18n();
+    const appSiteSelected = ref();
+    const selectGenerateInvoice = ref(false);
+    const appData = ref();
+    const alertIsVisible = ref(!props.statusInstallation);
+    const errorDescription = ref(props.statusInstallationDescription);
+    const clientKey = ref(null);
+    const appCompanySelected = ref();
+    const siteNameTryAgain = ref(props.siteName);
+    const isInternalApp = ref(false);
+    const internalUrl = ref("");
+    const createClientOnInstall = ref();
+    const sitesOptions = computed(() => appData.value.data.userSites.map((site) => ({
+      title: site.name,
+      value: site.id.toString()
+    })));
+    const companiesOptions = computed(() => appData.value.data.appCompanies.reverse().map((company) => ({
+      title: company.name,
+      value: company.id.toString()
+    })));
+    const userSitesCount = computed(() => appData.value.data.userSites.length);
+    const chipText = computed(() => {
+      var _a, _b, _c, _d;
+      const value = (_b = (_a = appData == null ? void 0 : appData.data) == null ? void 0 : _a.appData) == null ? void 0 : _b.value;
+      const formattedValue = (_d = (_c = appData == null ? void 0 : appData.data) == null ? void 0 : _c.appData) == null ? void 0 : _d.formatted_value;
+      return value > 0 ? formattedValue : t("appInstallationConfirmationModal.free");
+    });
+    const redirectDocumentation = (documentation) => {
+      window.open(appData.value.data.documentation_link, "_blank", "noopener,noreferrer");
+    };
+    const actionInstall = () => {
+      if (appData.value.data.appCategory === "system-functions") {
+        handleSystemFunctionsInstallation();
+        return;
+      }
+      if (createClientOnInstall.value == false && isInternalApp.value == false) {
+        window.open(appData.value.data.appData.external_site, "_blank", "noopener,noreferrer");
+        return;
+      }
+      if (isInternalApp.value) {
+        window.location.href = internalUrl.value + appSiteSelected.value + "/" + appData.value.data.appData.id + "/" + (selectGenerateInvoice.value ? "true" : "false");
+        return;
+      }
+      const selectedSite = appData.value.data.userSites.find((site) => site.id.toString() === appSiteSelected.value);
+      emit("dataInstallation", {
+        app: appData,
+        site: {
+          id: (selectedSite == null ? void 0 : selectedSite.id) || siteNameTryAgain.value,
+          name: (selectedSite == null ? void 0 : selectedSite.name) || siteNameTryAgain.value
+        },
+        key: clientKey
+      });
+      emit("openInstallationModal", true);
+    };
+    const handleSystemFunctionsInstallation = () => {
+      emit("dataInstallation", {
+        app: appData,
+        site: null,
+        key: null,
+        installationType: "system-functions"
+      });
+      emit("openInstallationModal", true);
+    };
+    const handleError = (errorDescription2) => {
+      const errors = {
+        dont_have_validate_url: t("appInstallationConfirmationModal.descriptionOfErrors.dontHaveValidateUrl"),
+        validate_url_error: t("appInstallationConfirmationModal.descriptionOfErrors.validateUrlError"),
+        password_fail: t("appInstallationConfirmationModal.descriptionOfErrors.passwordFail"),
+        app_is_already_installed: t("appInstallationConfirmationModal.descriptionOfErrors.appAlreadyInstalled"),
+        default: t("appInstallationConfirmationModal.descriptionOfErrors.default")
+      };
+      return errors[errorDescription2];
+    };
+    const handlePermissions = (permissionName) => {
+      const permissions = {
+        "customer-created": t("appInstallationConfirmationModal.permissions.customerCreated"),
+        "customer-interested": t("appInstallationConfirmationModal.permissions.customerInterested"),
+        "customer-contacted": t("appInstallationConfirmationModal.permissions.customerContacted"),
+        "order-approved": t("appInstallationConfirmationModal.permissions.orderApproved"),
+        "order-authorized": t("appInstallationConfirmationModal.permissions.orderAuthorized"),
+        "order-billet-created": t("appInstallationConfirmationModal.permissions.orderBilletCreated"),
+        "order-paid": t("appInstallationConfirmationModal.permissions.orderPaid"),
+        "order-pending-integration": t("appInstallationConfirmationModal.permissions.orderPendingIntegration"),
+        "order-refund": t("appInstallationConfirmationModal.permissions.orderRefund"),
+        "order-up-sold": t("appInstallationConfirmationModal.permissions.orderUpSold"),
+        "order-pix-created": t("appInstallationConfirmationModal.permissions.orderPixCreated"),
+        "order-paid-by-pix": t("appInstallationConfirmationModal.permissions.orderPaidByPix"),
+        "order-integrated": t("appInstallationConfirmationModal.permissions.orderIntegrated"),
+        "order-billet-overdue": t("appInstallationConfirmationModal.permissions.orderBilletOverdue"),
+        "order-authorized-with-delay": t("appInstallationConfirmationModal.permissions.orderAuthorizedWithDelay"),
+        "order-chargeback-in-treatment": t("appInstallationConfirmationModal.permissions.orderChargebackInTreatment"),
+        "subscription-cancelation": t("appInstallationConfirmationModal.permissions.subscriptionCancelation"),
+        "subscription-delayed": t("appInstallationConfirmationModal.permissions.subscriptionDelayed"),
+        "payment-authorized-with-delay": t("appInstallationConfirmationModal.permissions.paymentAuthorizedWithDelay"),
+        "payment-not-authorized": t("appInstallationConfirmationModal.permissions.paymentNotAuthorized")
+      };
+      return permissions[permissionName];
+    };
+    watch(
+      () => appSiteSelected.value,
+      (value) => {
+        const nameSiteSelected = appData.value.data.userSites.find((site) => site.id.toString() === appSiteSelected.value);
+        emit("dataInstallation", { app: appData, site: appSiteSelected.value === void 0 ? siteNameTryAgain.value : nameSiteSelected, key: clientKey });
+      }
+    );
+    const getAppById = () => {
+      ApiService.get(`/api/app/get-data-to-install/${props.items.app_id}`).then(({ data }) => {
+        appData.value = data;
+        appSiteSelected.value = data.data.userSites.length >= 1 ? appData.value.data.userSites[0].id.toString() : "";
+        isInternalApp.value = data.data.isInternalApp;
+        internalUrl.value = data.data.internalUrl;
+        createClientOnInstall.value = data.data.appData.create_client_on_install;
+      }).catch((error) => {
+        console.error("Erro ao obter dados do aplicativo");
+      });
+    };
+    const buttonDescription = () => {
+      if (alertIsVisible.value) {
+        return t(`appInstallationConfirmationModal.actionAgain`);
+      }
+      if (!isInternalApp.value && !createClientOnInstall.value) {
+        return t(`appInstallationConfirmationModal.actionRedirect`);
+      }
+      return t(`appInstallationConfirmationModal.action`);
+    };
+    const updateValueSwitchGenerateInvoice = () => {
+      selectGenerateInvoice.value = !selectGenerateInvoice.value;
+    };
+    onMounted(() => {
+      getAppById();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        !appData.value ? (openBlock(), createBlock(unref(C), {
+          key: 0,
+          isLoading: !appData.value
+        }, null, 8, ["isLoading"])) : createCommentVNode("", true),
+        appData.value ? (openBlock(), createElementBlock("div", _hoisted_1$1, [
+          createBaseVNode("div", _hoisted_2$1, [
+            createBaseVNode("img", {
+              src: appData.value.data.appData.url_logo,
+              class: "app-installation-confirmation-modal-icon"
+            }, null, 8, _hoisted_3$1),
+            createBaseVNode("div", _hoisted_4$1, [
+              createBaseVNode("div", _hoisted_5$1, [
+                createVNode(unref(w), {
+                  text: appData.value.data.appData.name,
+                  class: "app-name",
+                  typographyStyle: "l4",
+                  textColor: "text100",
+                  weight: "medium"
+                }, null, 8, ["text"]),
+                !createClientOnInstall.value && !isInternalApp.value && appData.value.data.appCategory !== "system-functions" ? (openBlock(), createBlock(unref(P), {
+                  key: 0,
+                  text: chipText.value,
+                  type: "lightPurple"
+                }, null, 8, ["text"])) : createCommentVNode("", true)
+              ]),
+              appData.value.data.appData.value !== 0 ? (openBlock(), createBlock(unref(w), {
+                key: 0,
+                class: "billing-model",
+                text: _ctx.$t(`appInstallationConfirmationModal.billingModel`),
+                typographyStyle: "l7",
+                textColor: "text80"
+              }, null, 8, ["text"])) : createCommentVNode("", true),
+              !createClientOnInstall.value && !isInternalApp.value || appData.value.data.appCategory === "system-functions" ? (openBlock(), createBlock(unref(w), {
+                key: 1,
+                class: "mt-2",
+                text: appData.value.data.appData.app_description,
+                typographyStyle: "l7",
+                textColor: "text80"
+              }, null, 8, ["text"])) : createCommentVNode("", true),
+              createClientOnInstall.value || isInternalApp.value || appData.value.data.appCategory === "system-functions" ? (openBlock(), createBlock(unref(P), {
+                key: 2,
+                class: "app-installation-confirmation-modal-value",
+                text: appData.value.data.appData.value > 0 ? appData.value.data.appData.formatted_value : unref(t)(`appInstallationConfirmationModal.free`),
+                type: "lightPurple"
+              }, null, 8, ["text"])) : createCommentVNode("", true)
+            ]),
+            createClientOnInstall.value || isInternalApp.value || appData.value.data.appCategory === "system-functions" ? (openBlock(), createElementBlock("div", _hoisted_6$1, [
+              createVNode(unref(D), {
+                class: "action-install",
+                label: buttonDescription(),
+                variant: "maxPrimary",
+                size: "large",
+                disabled: alertIsVisible.value || (appData.value.data.appCategory === "system-functions" ? false : appCompanySelected.value || appSiteSelected.value ? false : true),
+                onClick: actionInstall
+              }, null, 8, ["label", "disabled"])
+            ])) : createCommentVNode("", true)
+          ]),
+          isInternalApp.value || !alertIsVisible.value && createClientOnInstall.value || appData.value.data.appCategory === "system-functions" ? (openBlock(), createElementBlock("div", _hoisted_7$1, [
+            createBaseVNode("div", null, [
+              appData.value.data.appCategory == "payments-and-security" && !isInternalApp.value ? (openBlock(), createBlock(unref(G), {
+                key: 0,
+                label: _ctx.$t(`appInstallationConfirmationModal.companyDropdownLabel`),
+                class: "dropdown-companies",
+                absolute: "",
+                size: "fullWidth",
+                options: companiesOptions.value,
+                modelValue: appCompanySelected.value,
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => appCompanySelected.value = $event)
+              }, null, 8, ["label", "options", "modelValue"])) : createCommentVNode("", true),
+              (appData.value.data.appCategory != "payments-and-security" && appData.value.data.appCategory != "system-functions" || isInternalApp.value) && appData.value.data.appCategory != "system-functions" ? (openBlock(), createBlock(unref(G), {
+                key: 1,
+                label: _ctx.$t(`appInstallationConfirmationModal.dropdownLabel`),
+                class: "dropdown-sites",
+                absolute: "",
+                size: "fullWidth",
+                options: sitesOptions.value,
+                readOnly: userSitesCount.value <= 1,
+                modelValue: appSiteSelected.value,
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => appSiteSelected.value = $event)
+              }, null, 8, ["label", "options", "readOnly", "modelValue"])) : createCommentVNode("", true),
+              appData.value.data.appCategory == "system-functions" ? (openBlock(), createElementBlock("div", _hoisted_8$1, [
+                createVNode(unref(w), {
+                  text: _ctx.$t(`appInstallationConfirmationModal.systemFunctions.description`),
+                  typographyStyle: "l6",
+                  textColor: "text80",
+                  class: "mb-4"
+                }, null, 8, ["text"])
+              ])) : createCommentVNode("", true),
+              isInternalApp.value && appData.value.data.appCategory !== "system-functions" ? (openBlock(), createElementBlock("div", _hoisted_9$1, [
+                createVNode(unref(A), {
+                  modelValue: selectGenerateInvoice.value,
+                  label: _ctx.$t(`appInstallationConfirmationModal.selectGenerateInvoice`),
+                  onInput: updateValueSwitchGenerateInvoice,
+                  "hide-details": ""
+                }, null, 8, ["modelValue", "label"]),
+                createVNode(unref(w), {
+                  class: "mb-6",
+                  text: _ctx.$t(`appInstallationConfirmationModal.descriptionGenerateInvoice`),
+                  typographyStyle: "l7",
+                  textColor: "text60"
+                }, null, 8, ["text"])
+              ])) : createCommentVNode("", true),
+              !isInternalApp.value && appData.value.data.appCategory !== "system-functions" ? (openBlock(), createBlock(unref(fe), {
+                key: 4,
+                modelValue: clientKey.value,
+                "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => clientKey.value = $event),
+                class: "input-key mt-4 my-4",
+                label: _ctx.$t("appInstallationConfirmationModal.clientKey"),
+                size: "fullWidth"
+              }, null, 8, ["modelValue", "label"])) : createCommentVNode("", true)
+            ]),
+            !isInternalApp.value && appData.value.data.appCategory !== "system-functions" ? (openBlock(), createElementBlock("div", _hoisted_10$1, [
+              createVNode(unref(w), {
+                text: _ctx.$t(`appInstallationConfirmationModal.requiredAccess`),
+                typographyStyle: "l6",
+                textColor: "text80"
+              }, null, 8, ["text"]),
+              createBaseVNode("div", null, [
+                createBaseVNode("ul", null, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(appData.value.data.appData.permissions, (item, index) => {
+                    return openBlock(), createElementBlock("li", { key: index }, [
+                      createVNode(unref(w), {
+                        class: "list-permissions",
+                        text: handlePermissions(item.name),
+                        typographyStyle: "l6",
+                        textColor: "text80"
+                      }, null, 8, ["text"])
+                    ]);
+                  }), 128))
+                ])
+              ])
+            ])) : createCommentVNode("", true)
+          ])) : createCommentVNode("", true),
+          !createClientOnInstall.value && !isInternalApp.value ? (openBlock(), createBlock(unref(w), {
+            key: 1,
+            class: "mb-1",
+            text: _ctx.$t(`appInstallationConfirmationModal.stepsInstallIntegration.first`),
+            enfaseText: appData.value.data.appData.name,
+            nextText: _ctx.$t(`appInstallationConfirmationModal.stepsInstallIntegration.firstComplement`),
+            typographyStyle: "l6",
+            enfaseTextColor: "text-80"
+          }, null, 8, ["text", "enfaseText", "nextText"])) : createCommentVNode("", true),
+          !createClientOnInstall.value && !isInternalApp.value ? (openBlock(), createBlock(unref(w), {
+            key: 2,
+            text: _ctx.$t(`appInstallationConfirmationModal.stepsInstallIntegration.second`),
+            typographyStyle: "l6"
+          }, null, 8, ["text"])) : createCommentVNode("", true),
+          !createClientOnInstall.value && !isInternalApp.value ? (openBlock(), createElementBlock("div", _hoisted_11$1, [
+            createVNode(unref(D), {
+              class: "action-install",
+              label: unref(t)(`appInstallationConfirmationModal.consultArticle`),
+              variant: "maxGhost",
+              size: "large",
+              onClick: _cache[3] || (_cache[3] = ($event) => redirectDocumentation(appData.value.data.documentation_link))
+            }, null, 8, ["label"]),
+            createVNode(unref(D), {
+              class: "action-install",
+              label: unref(t)(`appInstallationConfirmationModal.continue`),
+              variant: "maxPrimary",
+              size: "large",
+              onClick: _cache[4] || (_cache[4] = ($event) => actionInstall())
+            }, null, 8, ["label"])
+          ])) : createCommentVNode("", true),
+          alertIsVisible.value ? (openBlock(), createBlock(unref(M), {
+            key: 4,
+            type: "error",
+            title: _ctx.$t("appInstallationConfirmationModal.erroAlert.title")
+          }, {
+            "text-description": withCtx(() => [
+              createVNode(unref(w), {
+                class: "",
+                text: handleError(errorDescription.value),
+                typographyStyle: "l6",
+                textColor: "text100"
+              }, null, 8, ["text"])
+            ]),
+            _: 1
+          }, 8, ["title"])) : createCommentVNode("", true)
+        ])) : createCommentVNode("", true)
+      ], 64);
+    };
+  }
+};
+const _hoisted_1 = { key: 1 };
+const _hoisted_2 = {
+  key: 0,
+  class: "app-installation-confirmation-password-modal"
+};
+const _hoisted_3 = { class: "app-installation-confirmation-password-modal__text text-center text-black" };
+const _hoisted_4 = { key: 0 };
+const _hoisted_5 = { class: "font-medium" };
+const _hoisted_6 = {
+  key: 0,
+  class: "font-medium"
+};
+const _hoisted_7 = { class: "font-medium" };
+const _hoisted_8 = { key: 1 };
+const _hoisted_9 = { class: "font-medium" };
+const _hoisted_10 = {
+  key: 0,
+  class: "font-medium"
+};
+const _hoisted_11 = { class: "app-installation-confirmation-password-modal__body" };
+const _sfc_main = {
+  __name: "AppInstallationConfirmationPasswordModal",
+  props: {
+    dataInstallation: {
+      type: Object,
+      required: false
+    },
+    appIsPrivate: {
+      type: Boolean,
+      required: false,
+      default: false
+    }
+  },
+  emits: ["statusInstallation", "returnButtonClick", "appInstalled", "statusInstallationDescription", "siteName"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const password = ref();
+    const isLoading = ref(false);
+    ref();
+    const componentMounted = ref(false);
+    const installation = () => {
+      var _a, _b;
+      isLoading.value = true;
+      const installationData = {
+        "app_id": props.dataInstallation.app.data.appData.id,
+        "password": password.value,
+        "external_key": props.dataInstallation.key,
+        "company_id": (_b = (_a = props.dataInstallation.app.data.appCompanies) == null ? void 0 : _a[0]) == null ? void 0 : _b.id
+      };
+      if (props.dataInstallation.installationType !== "system-functions") {
+        installationData.site_id = props.dataInstallation.site.id;
+        installationData.client_key = props.dataInstallation.key;
+      }
+      const apiUrl = props.dataInstallation.installationType === "system-functions" ? `/api/app/user-install` : `/api/app/install`;
+      ApiService.post(apiUrl, installationData).then(() => {
+        if (props.appIsPrivate) {
+          emit("appInstalled", props.dataInstallation.site);
+          return;
+        }
+        window.location.reload();
+      }).catch((error) => {
+        emit("siteName", props.dataInstallation.site);
+        emit("statusInstallation", false);
+        emit("statusInstallationDescription", error.response.data.translate);
+      });
+    };
+    onMounted(() => {
+      componentMounted.value = true;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        isLoading.value || !componentMounted.value ? (openBlock(), createBlock(unref(C), {
+          key: 0,
+          isLoading: isLoading.value || !componentMounted.value
+        }, null, 8, ["isLoading"])) : createCommentVNode("", true),
+        componentMounted.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
+          !isLoading.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
+            createBaseVNode("div", _hoisted_3, [
+              props.dataInstallation.app.data.appData.value ? (openBlock(), createElementBlock("div", _hoisted_4, [
+                createBaseVNode("span", null, [
+                  createTextVNode(toDisplayString(_ctx.$t("appInstallationConfirmationPasswordModal.description.youAreInstallingApplication")) + " ", 1),
+                  createBaseVNode("span", _hoisted_5, toDisplayString(props.dataInstallation.app.data.appData.name), 1),
+                  createTextVNode(", " + toDisplayString(props.dataInstallation.app.data.appCategory === "payments-and-security" ? _ctx.$t("appInstallationConfirmationPasswordModal.description.atCompany") : props.dataInstallation.app.data.appCategory === "system-functions" ? _ctx.$t("appInstallationConfirmationPasswordModal.description.systemFunctions") : _ctx.$t("appInstallationConfirmationPasswordModal.description.atSite")) + " ", 1),
+                  props.dataInstallation.app.data.appCategory !== "system-functions" ? (openBlock(), createElementBlock("span", _hoisted_6, toDisplayString(props.dataInstallation.app.data.appCategory === "payments-and-security" ? props.dataInstallation.app.data.appCompanies[0].name : props.dataInstallation.site.name) + ", ", 1)) : createCommentVNode("", true),
+                  createTextVNode(" " + toDisplayString(_ctx.$t("appInstallationConfirmationPasswordModal.description.whichHasMonthlyFeeWorth")) + " ", 1),
+                  createBaseVNode("span", _hoisted_7, toDisplayString(props.dataInstallation.app.data.appData.formatted_value), 1),
+                  createTextVNode(" " + toDisplayString(_ctx.$t("appInstallationConfirmationPasswordModal.description.discountedFromYourAvailableAccountBalance")) + ". ", 1)
+                ])
+              ])) : (openBlock(), createElementBlock("div", _hoisted_8, [
+                createBaseVNode("span", null, [
+                  createTextVNode(toDisplayString(_ctx.$t("appInstallationConfirmationPasswordModal.description.youAreInstallingApplication")) + " ", 1),
+                  createBaseVNode("span", _hoisted_9, toDisplayString(props.dataInstallation.app.data.appData.name), 1),
+                  createTextVNode(", " + toDisplayString(props.dataInstallation.app.data.appCategory === "payments-and-security" ? _ctx.$t("appInstallationConfirmationPasswordModal.description.atCompany") : props.dataInstallation.app.data.appCategory === "system-functions" ? _ctx.$t("appInstallationConfirmationPasswordModal.description.systemFunctions") : _ctx.$t("appInstallationConfirmationPasswordModal.description.atSite")) + " ", 1),
+                  props.dataInstallation.app.data.appCategory !== "system-functions" ? (openBlock(), createElementBlock("span", _hoisted_10, toDisplayString(props.dataInstallation.app.data.appCategory === "payments-and-security" ? props.dataInstallation.app.data.appCompanies[0].name : props.dataInstallation.site.name) + ".", 1)) : createCommentVNode("", true)
+                ])
+              ]))
+            ]),
+            createBaseVNode("div", _hoisted_11, [
+              createVNode(unref(fe), {
+                modelValue: password.value,
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => password.value = $event),
+                class: "input-password",
+                label: _ctx.$t("appInstallationConfirmationPasswordModal.passwordTitle"),
+                type: "password",
+                size: "fullWidth"
+              }, null, 8, ["modelValue", "label"]),
+              createVNode(unref(w), {
+                class: "input-description",
+                text: _ctx.$t("appInstallationConfirmationPasswordModal.passwordDescription"),
+                typographyStyle: "l7"
+              }, null, 8, ["text"]),
+              createVNode(unref(D), {
+                class: "app-installation-confirmation-password-modal__action-confirm",
+                label: _ctx.$t("appInstallationConfirmationPasswordModal.confirmationInstallation"),
+                variant: "maxPrimary",
+                size: "fullWidth",
+                onClick: installation
+              }, null, 8, ["label"]),
+              createVNode(unref(D), {
+                class: "app-installation-confirmation-password-modal__action-back",
+                label: _ctx.$t("appInstallationConfirmationPasswordModal.backInstallation"),
+                size: "fullWidth",
+                variant: "maxGhost",
+                onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("returnButtonClick"))
+              }, null, 8, ["label"])
+            ])
+          ])) : createCommentVNode("", true)
+        ])) : createCommentVNode("", true)
+      ], 64);
+    };
+  }
+};
+export {
+  _sfc_main$1 as _,
+  _sfc_main as a,
+  getLocalStorageWithExpiry as g,
+  setLocalStorageWithExpiry as s
+};