{"version":3,"file":"BJckLOUx.js","sources":["../../../../src/components/dialog/collectiveInvoiceDialog/collectiveInvoiceDialog.vue"],"sourcesContent":["<template>\n  <Dialog width-class=\"md:max-w-[510px]\">\n    <div class=\"px-md pb-md flex flex-col max-h-[92vh]\">\n      <div v-if=\"activate\" class=\"flex justify-center\">\n        <img\n          src=\"@/assets/images/minilu/collectiveInvoiceActivate.svg\"\n          class=\"relative -top-md\"\n        />\n      </div>\n      <div v-else class=\"flex justify-center\">\n        <img\n          src=\"@/assets/images/minilu/collectiveInvoiceDeactivate.svg\"\n          class=\"relative -top-md\"\n        />\n      </div>\n\n      <div class=\"overflow-auto h-fit\">\n        <div v-if=\"error\" class=\"mb-md\">\n          <UnknownError />\n        </div>\n        <template v-if=\"activate\">\n          <div class=\"text-center mb-md\">\n            <div>\n              {{ t('shop.dialog.collectiveInvoice.activate.text1') }}\n            </div>\n\n            <i18n-t\n              keypath=\"shop.dialog.collectiveInvoice.activate.text2\"\n              class=\"text-center mt-sm mb-xs\"\n            >\n              <template #FAQ_LINK>\n                <NuxtLink to=\"/haeufige-fragen\">\n                  <span class=\"font-bold text-primary-base\">{{\n                    t('shop.dialog.collectiveInvoice.activate.faqLinkText')\n                  }}</span>\n                </NuxtLink>\n              </template>\n            </i18n-t>\n          </div>\n          <ButtonBasic\n            classes=\"w-full px-sm md:px-0\"\n            :label=\"t('shop.dialog.collectiveInvoice.activate.buttonText')\"\n            :disabled=\"isLoading\"\n            full-width\n            @click=\"dialog.close()\"\n          ></ButtonBasic>\n        </template>\n        <template v-else>\n          <div class=\"text-center\">\n            {{ t('shop.dialog.collectiveInvoice.deactivate.text1') }}\n          </div>\n          <div class=\"text-center mb-md\">\n            {{ t('shop.dialog.collectiveInvoice.deactivate.text2') }}\n          </div>\n          <ButtonBasic\n            classes=\"w-full px-sm md:px-0\"\n            :label=\"t('shop.dialog.collectiveInvoice.deactivate.buttonText')\"\n            :disabled=\"isLoading\"\n            full-width\n            @click=\"deactivateCollectiveInvoice\"\n          ></ButtonBasic>\n          <div\n            class=\"flex items-center justify-center w-full gap-2 cursor-pointer text-primary-base mt-md\"\n            @click=\"dialog.cancel()\"\n          >\n            <span class=\"anim__underline-link anim-link\">\n              {{ t('shop.dialog.collectiveInvoice.deactivate.cancel') }}\n            </span>\n          </div>\n        </template>\n      </div>\n    </div>\n  </Dialog>\n</template>\n<script setup lang=\"ts\">\nimport UnknownError from '~/components/formFields/errors/unknown/unknownError.vue';\nimport Dialog from '@/components/dialog/components/dialogFrame/empty/dialogFrame.vue';\nimport ButtonBasic from '~~/src/components/components/core/basic-button/basic-button.vue';\nimport useCollectiveInvoiceDialog from '~/composables/dialogs/useCollectiveInvoiceDialog';\n\nconst { t } = useTrans();\n\nconst dialog = useCollectiveInvoiceDialog();\nconst activate = dialog.getData().activate;\n\nconst error = ref(false);\nconst isLoading = ref(false);\n\nasync function deactivateCollectiveInvoice() {\n  isLoading.value = true;\n  await dialog.changeCollectiveInvoice(false);\n  isLoading.value = false;\n\n  dialog.close();\n}\n</script>\n"],"names":["t","useTrans","dialog","useCollectiveInvoiceDialog","activate","error","ref","isLoading","deactivateCollectiveInvoice"],"mappings":"mnCAgFM,KAAA,CAAE,EAAAA,GAAMC,IAERC,EAASC,IACTC,EAAWF,EAAO,QAAA,EAAU,SAE5BG,EAAQC,EAAI,EAAK,EACjBC,EAAYD,EAAI,EAAK,EAE3B,eAAeE,GAA8B,CAC3CD,EAAU,MAAQ,GACZ,MAAAL,EAAO,wBAAwB,EAAK,EAC1CK,EAAU,MAAQ,GAElBL,EAAO,MAAM,CACf"}