{"version":3,"file":"B7tc4FCx.js","sources":["../../../../src/components/dialog/bankData/bankDataNewEditDialog.vue"],"sourcesContent":["<template>\n  <Dialog :is-loading=\"isLoading\">\n    <div class=\"flex flex-col p-md\">\n      <div v-if=\"!isEdit\">\n        <h3 class=\"text-lg font-bold leading-2xs\">\n          {{\n            t('account.payment.paymentMethods.debitDialog.new.instructionsOne')\n          }}\n        </h3>\n        <p class=\"mt-sm mb-md\">\n          {{\n            t('account.payment.paymentMethods.debitDialog.new.instructionsTwo')\n          }}\n        </p>\n      </div>\n      <NotificationBar :type=\"NotificationType.WARN\" class=\"!mt-0\">\n        <div v-if=\"!isEdit\" class=\"py-xs\">\n          <Trans keypath=\"account.payment.paymentMethods.debitDialog.new.hint\">\n            <a\n              class=\"font-bold cursor-pointer text-primary-base\"\n              @click=\"redirectTo('/account/orders#invoices')\"\n            >\n              {{ t('shop.yourBills') }}\n            </a>\n          </Trans>\n        </div>\n        <div v-else class=\"py-xs\">\n          <Trans keypath=\"account.payment.paymentMethods.debitDialog.edit.hint\">\n            <a\n              class=\"font-bold cursor-pointer text-primary-base\"\n              @click=\"redirectTo('/kontakt?topic=customerdata')\"\n            >\n              {{ t('contactform') }}\n            </a>\n          </Trans>\n        </div>\n      </NotificationBar>\n      <BankDataInput\n        class=\"mt-md\"\n        :class=\"{ '!mt-0': bankData.error.includes('BANKDATA_INVALID') }\"\n        :model-value=\"bankData\"\n        :hide-collective-invoice-select=\"true\"\n        autofocus\n        @update:model-value=\"(v) => updateBankData(v)\"\n      ></BankDataInput>\n      <BasicButton\n        full-width\n        class=\"!w-full mt-md\"\n        :label=\"t('account.payment.paymentMethods.debitDialog.giveSEPAaccess')\"\n        :show-dialog=\"error\"\n        :dialog-content=\"{\n          dialogHeadline: t(\n            'account.payment.paymentMethods.debitDialog.error.headline',\n          ),\n          dialogText: t(\n            'account.payment.paymentMethods.debitDialog.error.text',\n          ),\n          dialogType: 'error',\n        }\"\n        @click=\"handleSaveClick\"\n        @close-dialog=\"() => (error = false)\"\n      />\n      <div\n        class=\"mx-auto cursor-pointer text-primary-base px-sm mt-sm\"\n        @click=\"changeBankDataDialog.close()\"\n      >\n        {{ t('formFields.form.cancel') }}\n      </div>\n    </div>\n  </Dialog>\n</template>\n<script setup lang=\"ts\">\nimport Dialog from '@/components/dialog/components/dialogFrame/local/dialogFrame.vue';\nimport useChangeBankDataDialog from '@/composables/dialogs/useChangeBankDataDialog';\nimport BankDataInput from '@/components/shop/checkout/payment/bankDataInput.vue';\nimport { NotificationBar, NotificationType, BasicButton } from '@/complib';\nimport useSubmitBankData from '~/composables/user/useSubmitBankData';\nimport type { BankData } from '@/components/shop/checkout/payment/types';\nimport { useUserContext } from '~/stores/useUserContext';\nimport { PaymentMethodId } from '@/@types/paymentMethodIds';\nimport Trans from '@/components/Trans.vue';\n\nconst { t } = useTrans();\nconst changeBankDataDialog = useChangeBankDataDialog();\nconst isEdit = changeBankDataDialog.getData().isEdit;\nconst error = ref<boolean>(false);\nconst isLoading = ref(false);\n\nconst bankData = ref<BankData>({\n  bankName: '',\n  iban: '',\n  bic: '',\n  error: ['BANKDATA_INCOMPLETE'],\n});\n\nasync function updateBankData(val: BankData) {\n  bankData.value = val;\n}\nasync function handleSaveClick() {\n  if (bankData.value.error.length > 0) {\n    bankData.value.error = ['BANKDATA_INVALID'];\n    return;\n  }\n\n  isLoading.value = true;\n  try {\n    if (!isEdit) {\n      await saveBankeData();\n      await changePaymentMethodToDebit();\n    } else {\n      await saveBankeData();\n    }\n  } catch {\n    isLoading.value = false;\n    error.value = true;\n    return;\n  }\n\n  isLoading.value = false;\n  useUserContext().loadAccountData(true);\n  changeBankDataDialog.close();\n}\nasync function saveBankeData() {\n  await useSubmitBankData(bankData.value);\n}\n\nasync function changePaymentMethodToDebit() {\n  await useUserContext().changeUserContext({\n    paymentMethodId: PaymentMethodId.DEBIT,\n  });\n}\n\nfunction redirectTo(path: string) {\n  window.open(path, '_blank');\n}\n</script>\n<style scoped lang=\"postcss\">\n:deep(.showMoreLessArrow) {\n  @apply text-primary-base font-bold text-lg;\n}\n</style>\n"],"names":["t","useTrans","changeBankDataDialog","useChangeBankDataDialog","isEdit","error","ref","isLoading","bankData","updateBankData","val","handleSaveClick","saveBankeData","changePaymentMethodToDebit","useUserContext","useSubmitBankData","PaymentMethodId","redirectTo","path"],"mappings":"04BAkFM,KAAA,CAAE,EAAAA,GAAMC,IACRC,EAAuBC,IACvBC,EAASF,EAAqB,QAAA,EAAU,OACxCG,EAAQC,EAAa,EAAK,EAC1BC,EAAYD,EAAI,EAAK,EAErBE,EAAWF,EAAc,CAC7B,SAAU,GACV,KAAM,GACN,IAAK,GACL,MAAO,CAAC,qBAAqB,CAAA,CAC9B,EAED,eAAeG,EAAeC,EAAe,CAC3CF,EAAS,MAAQE,CACnB,CACA,eAAeC,GAAkB,CAC/B,GAAIH,EAAS,MAAM,MAAM,OAAS,EAAG,CAC1BA,EAAA,MAAM,MAAQ,CAAC,kBAAkB,EAC1C,MACF,CAEAD,EAAU,MAAQ,GACd,GAAA,CACGH,EAIH,MAAMQ,EAAc,GAHpB,MAAMA,EAAc,EACpB,MAAMC,EAA2B,EAGnC,MACM,CACNN,EAAU,MAAQ,GAClBF,EAAM,MAAQ,GACd,MACF,CAEAE,EAAU,MAAQ,GACHO,EAAA,EAAE,gBAAgB,EAAI,EACrCZ,EAAqB,MAAM,CAC7B,CACA,eAAeU,GAAgB,CACvB,MAAAG,EAAkBP,EAAS,KAAK,CACxC,CAEA,eAAeK,GAA6B,CACpC,MAAAC,IAAiB,kBAAkB,CACvC,gBAAiBE,EAAgB,KAAA,CAClC,CACH,CAEA,SAASC,EAAWC,EAAc,CACzB,OAAA,KAAKA,EAAM,QAAQ,CAC5B"}