{"version":3,"file":"BIctoN6a.js","sources":["../../../../src/components/form/registration/components/billingAddress/vdv/billingAddress.vue","../../../../src/components/form/registration/components/loginData/vdv/loginData.vue","../../../../src/components/form/registration/components/errors/userExists/vdv/userExists.vue","../../../../src/components/form/registration/registrationForm/vdv/registrationForm.vue"],"sourcesContent":["<template>\n  <div class=\"flex flex-col\">\n    <div class=\"pb-[23px] pt-[38px]\">\n      <HeadlineDynamic\n        :headline=\"t('registration.billingAddress.headline')\"\n        level=\"h2\"\n        :has-decoration=\"true\"\n      />\n    </div>\n    <AddressSuggestions\n      class=\"mb-sm !py-sm !px-sm\"\n      :formkit-address-fields=\"{\n        street: 'registrationStreet',\n        number: 'registrationHouseNumber',\n        zipcode: 'registrationZip',\n        city: 'registrationCity',\n        name1: 'registrationOfficeName1',\n      }\"\n    />\n    <TextInput\n      id=\"registrationOfficeName1\"\n      :key=\"label\"\n      name=\"name1\"\n      :label=\"`${t(label)} 1`\"\n      :placeholder=\"`${t(label)} 1`\"\n      :required-message=\"error\"\n      :maxlength=\"40\"\n    />\n    <TextInput\n      id=\"registrationOfficeName2\"\n      v-model=\"name2\"\n      name=\"name2\"\n      :label=\"`${t(label)} 2`\"\n      :placeholder=\"`${t(label)} 2`\"\n      :required=\"false\"\n      :maxlength=\"40\"\n    />\n    <Address\n      v-model:country=\"selectedCountry\"\n      :country-options=\"countryOptions\"\n      validate-packing-station\n    />\n    <Dropdown\n      id=\"registrationOfficeCountry\"\n      v-model=\"selectedCountry\"\n      name=\"country\"\n      label=\"registration.billingAddress.country\"\n      :options=\"countryOptions\"\n      :required=\"true\"\n      :validation-message=\"t('registration.emptyError.billingAddress.country')\"\n      :custom-select=\"CustomSelectCountry\"\n      :disabled=\"countryOptions.length <= 1\"\n    />\n    <PhoneCanonical :country-code=\"selectedCountry\" :required=\"false\" />\n    <Email\n      id=\"registrationOfficeBillingEmail\"\n      name=\"billingEmail\"\n      label=\"registration.loginData.billingEmail\"\n      placeholder=\"registration.loginData.placeholder.email\"\n    />\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport HeadlineDynamic from '~~/src/components/components/core/headline-dynamic/vdv/headline-dynamic.vue';\nimport type { Result } from '~~/src/server/api/[site]/user/register.get';\nimport Address from '@/components/formFields/addressRows/addressRows.vue';\nimport AddressSuggestions from '@/components/formTools/address/suggestions/addressSuggestions.vue';\nimport { Dropdown, TextInput, PhoneCanonical } from '@/complib';\nimport CustomSelectCountry from '@/components/formFields/components/customSelects/customSelectCountry.vue';\nimport Email from '@/components/formFields/email/email.vue';\n\nconst props = defineProps({\n  registerData: {\n    type: Object as PropType<Result>,\n    required: true,\n    default: {} as Result,\n  },\n  selectedType: {\n    type: String,\n    required: true,\n  },\n});\n\nconst countryOptions = props.registerData.countries.map((country) => ({\n  label: country.name,\n  value: country.code,\n}));\n\nconst selectedCountry = ref(countryOptions[0].value);\n\nfunction getSelectedGroup() {\n  return props.registerData.groups.find(\n    (group) => group.id === props.selectedType,\n  );\n}\n\nconst name2changed = ref(false);\nconst name2 = ref(getSelectedGroup().name);\nwatch(name2, (newValue) => {\n  if (getSelectedGroup().name !== newValue) name2changed.value = true;\n});\nwatch(\n  () => props.selectedType,\n  () => {\n    if (!name2changed.value) {\n      name2.value = getSelectedGroup()?.name;\n      name2changed.value = false;\n    }\n  },\n);\n\nconst label = computed(() => {\n  if (props.selectedType) {\n    return getSelectedGroup()?.label;\n  }\n  return 'registration.billingAddress.name';\n});\n\nconst error = computed(() => {\n  if (props.selectedType) {\n    const errorName = props.registerData.groups.find(\n      (group) => group.id === props.selectedType,\n    )?.errorName;\n    if (errorName) {\n      return t('registration.emptyError.billingAddress.name1', {\n        name: errorName,\n      });\n    }\n  }\n  return t('registration.emptyError.billingAddress.name1', {\n    name: t(label.value),\n  });\n});\n\nconst { t } = useTrans();\n</script>\n","<template>\n  <div class=\"flex flex-col\">\n    <div class=\"pb-[23px] pt-[38px]\">\n      <HeadlineDynamic\n        :headline=\"t('registration.loginData.headline')\"\n        level=\"h2\"\n        :has-decoration=\"true\"\n      />\n    </div>\n    <TextInput\n      id=\"registrationOfficeTitle\"\n      name=\"title\"\n      label=\"registration.loginData.title\"\n      placeholder=\"registration.loginData.placeholder.title\"\n      required-message=\"registration.emptyError.loginData.title\"\n      :required=\"false\"\n    />\n    <TextInput\n      id=\"registrationOfficefirstname\"\n      name=\"firstname\"\n      label=\"registration.loginData.firstname\"\n      placeholder=\"registration.loginData.placeholder.firstname\"\n      required-message=\"registration.emptyError.loginData.firstname\"\n    />\n    <TextInput\n      id=\"registrationOfficeLastname\"\n      name=\"lastname\"\n      label=\"registration.loginData.lastname\"\n      placeholder=\"registration.loginData.placeholder.lastname\"\n      required-message=\"registration.emptyError.loginData.lastname\"\n    />\n    <Email\n      id=\"registrationOfficeEmail\"\n      name=\"email\"\n      label=\"registration.loginData.email\"\n      placeholder=\"registration.loginData.placeholder.email\"\n    />\n    <PasswordValidation />\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport HeadlineDynamic from '~~/src/components/components/core/headline-dynamic/vdv/headline-dynamic.vue';\nimport Email from '@/components/formFields/email/email.vue';\nimport { TextInput } from '@/complib';\nimport PasswordValidation from '@/components/formFields/passwordValidation/vdv/passwordValidation.vue';\n\nconst { t } = useTrans();\n</script>\n","<template>\n  <ErrorFrame :error-type=\"ErrorIdent.USER_ALREADY_EXISTS\">\n    <div ref=\"el\" class=\"flex flex-col gap-xs\">\n      <div>\n        {{ t('registration.error.userExists.text') }}\n      </div>\n      <div\n        v-if=\"!hideLogin\"\n        class=\"flex gap-2 cursor-pointer place-items-center text-vdv-base\"\n        @click=\"click\"\n      >\n        <span class=\"anim__underline-link vdv-anim-link\">\n          {{ t('registration.error.userExists.toLogin') }}\n        </span>\n        <FaIcon icon-class=\"fas fa-chevron-right\" />\n      </div>\n    </div>\n  </ErrorFrame>\n</template>\n<script setup lang=\"ts\">\nimport { DialogIdent, useDialogStore } from '~/stores/useDialogStore';\nimport ErrorFrame from '~~/src/components/formFields/components/errorFrame/errorFrame.vue';\nimport { ErrorIdent } from '~/@types/errorIdents';\nimport FaIcon from '@/components/fa-icon.vue';\n\ndefineProps({\n  hideLogin: {\n    type: Boolean,\n    default: false,\n  },\n});\n\nconst el = ref<HTMLElement | null>(null);\nconst { t } = useTrans();\nconst dialogStore = useDialogStore();\nconst isInDialog = useIsInDialog(el);\nconst router = useRouter();\n\nfunction click() {\n  if (isInDialog.value) {\n    dialogStore.openDialog(DialogIdent.LOGIN);\n  } else {\n    router.push('/login');\n  }\n}\n</script>\n","<template>\n  <div ref=\"container\" class=\"h-full bg-white\">\n    <div\n      v-if=\"!initialized\"\n      class=\"grid w-full grid-cols-3 border border-vdv-border-light border-solid py-md md:grid-cols-3 gap-x-sm gap-y-sm animate-pulse px-md md:px-[120px] mb-sm pt-[53px] pb-xl\"\n    >\n      <LoaderForm :repetitions=\"1\" />\n    </div>\n    <div\n      v-else\n      class=\"px-sm sm:px-md md:px-[120px] pt-[53px] pb-xl h-full\"\n      :class=\"{\n        '!pt-0': dialogStore.headline && isInDialog,\n        'checkout-styles': isInCheckout,\n      }\"\n    >\n      <Form\n        id=\"registration-form\"\n        headline=\"registration.headline\"\n        :submit-label=\"\n          isInCheckout ? 'registration.submitAlt' : 'registration.submit'\n        \"\n        :is-loading=\"isLoading\"\n        :scroll-offset=\"isInDialog ? dialogheaderHeight : 0\"\n        @submit=\"onSubmit\"\n      >\n        <template #errors>\n          <div\n            v-if=\"\n              errors.length && errors.includes(ErrorIdent.USER_ALREADY_EXISTS)\n            \"\n          >\n            <UserExistsError />\n          </div>\n          <div\n            v-if=\"\n              errors.length &&\n              errors.includes(ErrorIdent.USER_ALREADY_EXISTS_SALES_CHANNEL)\n            \"\n          >\n            <UserExistsError hide-login />\n          </div>\n          <div\n            v-if=\"\n              errors.length &&\n              errors.includes(ErrorIdent.VERIFICATION_UPLOAD_ERROR)\n            \"\n          >\n            <ErrorFrame>\n              {{ t('registration.error.verificationFile') }}\n            </ErrorFrame>\n          </div>\n          <div\n            v-if=\"errors.length && errors.includes(ErrorIdent.UNKNOWN_ERROR)\"\n          >\n            <UnknownError />\n          </div>\n        </template>\n        <template #default>\n          <Dropdown\n            id=\"registrationCustomerType\"\n            v-model=\"selectedType\"\n            :value=\"customerTypeOptions[0].value\"\n            :options=\"customerTypeOptions\"\n            name=\"customerType\"\n            label=\"registration.customerTypeLabel\"\n          >\n            <template #info>\n              {{ t('registration.info.customerType', { LABEL: t(label) }) }}\n            </template>\n          </Dropdown>\n          <InputFile\n            v-if=\"hasVerificationFiles\"\n            id=\"registrationFile\"\n            label=\"registration.verficationFileLabel\"\n            name=\"files\"\n            :required=\"false\"\n          >\n            <template #info\n              ><div>\n                {{ t('registration.verficationFile.info.text') }}\n                <ul v-if=\"$languageCode === 'de'\" class=\"list-disc pl-md\">\n                  <li>{{ t('registration.verficationFile.info.option1') }}</li>\n                  <li>{{ t('registration.verficationFile.info.option2') }}</li>\n                  <li>{{ t('registration.verficationFile.info.option3') }}</li>\n                  <li>{{ t('registration.verficationFile.info.option4') }}</li>\n                  <li>{{ t('registration.verficationFile.info.option5') }}</li>\n                  <li>{{ t('registration.verficationFile.info.option6') }}</li>\n                </ul>\n              </div>\n            </template>\n          </InputFile>\n          <NotificationBar\n            v-if=\"useCartStore().hasDrugItem && canPossiblyBuyDrugs\"\n            :type=\"NotificationType.WARN\"\n            description=\"registration.DrugVerificationHint\"\n            classes=\"!px-sm !gap-sm\"\n          />\n          <NotificationBar\n            v-if=\"showWarning\"\n            :type=\"NotificationType.WARN\"\n            description=\"registration.privatePersonWarning\"\n            classes=\"!px-sm !gap-sm\"\n          />\n          <BillingAddress\n            :register-data=\"registerData\"\n            :selected-type=\"selectedType\"\n          />\n          <LoginData />\n\n          <div class=\"mb-md\">\n            <Trans keypath=\"registration.dataSecurity.text\">\n              <NuxtLink\n                to=\"/datenschutz\"\n                class=\"font-bold text-vdv-base\"\n                target=\"_blank\"\n                >{{ t('registration.dataSecurity.linkText') }}</NuxtLink\n              >\n            </Trans>\n          </div>\n        </template>\n      </Form>\n      <GoogleRecaptchaNote v-if=\"usesCaptcha\" class=\"mt-sm md:mt-md\" />\n      <div\n        :class=\"{\n          'h-md md:h-xl': isInDialog,\n        }\"\n      />\n    </div>\n    <AddressValidationChoice\n      :address-validation-data=\"validationResult\"\n      :open=\"needsManualCheck\"\n      :highlight-suggestions=\"true\"\n      @address-chosen=\"(val) => handleFillAddress(val)\"\n    />\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport BillingAddress from '@/components/form/registration/components/billingAddress/vdv/billingAddress.vue';\nimport LoginData from '@/components/form/registration/components/loginData/vdv/loginData.vue';\nimport LoaderForm from '@/components/loader/formContent.vue';\nimport Trans from '~~/src/components/Trans.vue';\nimport UserExistsError from '@/components/form/registration/components/errors/userExists/vdv/userExists.vue';\nimport UnknownError from '@/components/formFields/errors/unknown/unknownError.vue';\nimport { useRegistrationForm } from '@/components/form/registration/composables/useRegistrationForm';\nimport Form from '~/components/formFields/form/form.vue';\nimport { ErrorIdent } from '~/@types/errorIdents';\nimport { useIsInDialog } from '~/composables/useIsInDialog';\nimport { useDialogStore } from '@/stores/useDialogStore';\nimport ErrorFrame from '~/components/formFields/components/errorFrame/errorFrame.vue';\nimport { useCartStore } from '@/stores/useCart';\nimport AddressValidationChoice from '@/components/formTools/address/validation/addressChoice.vue';\nimport GoogleRecaptchaNote from '@/components/formTools/recaptcha/recaptchaNote.vue';\nimport {\n  NotificationBar,\n  NotificationType,\n  InputFile,\n  Dropdown,\n} from '@/complib';\n\ndefineProps({\n  isInCheckout: {\n    type: Boolean,\n    default: false,\n  },\n});\n\nconst { t } = useTrans();\n\nconst container = ref<HTMLElement | null>(null);\n\nconst isInDialog = useIsInDialog(container);\nconst dialogheaderHeight = 120;\n\nconst {\n  onSubmit,\n  customerTypeOptions,\n  isLoading,\n  initialized,\n  errors,\n  showSuccessScreen,\n  registerData,\n  selectedType,\n  hasVerificationFiles,\n  showWarning,\n  canPossiblyBuyDrugs,\n  needsManualCheck,\n  validationResult,\n  handleFillAddress,\n  usesCaptcha,\n} = useRegistrationForm(isInDialog);\n\nfunction getSelectedGroup() {\n  return registerData.value.groups.find(\n    (group) => group.id === selectedType.value,\n  );\n}\n\nconst label = computed(() => {\n  if (selectedType.value) {\n    return getSelectedGroup()?.label;\n  }\n  return 'registration.billingAddress.name';\n});\nconst emit = defineEmits<{\n  (e: 'success'): void;\n}>();\n\nconst dialogStore = useDialogStore();\n\nwatch(showSuccessScreen, (val) => {\n  if (val) emit('success');\n});\n</script>\n\n<style scoped lang=\"pcss\">\n.checkout-styles:deep(> *) {\n  [type='submit'] {\n    @apply !bg-vdv-btn-cta;\n  }\n}\n</style>\n"],"names":["props","__props","countryOptions","country","selectedCountry","ref","getSelectedGroup","group","name2changed","name2","watch","newValue","_a","label","computed","error","errorName","t","useTrans","el","dialogStore","useDialogStore","isInDialog","useIsInDialog","router","useRouter","click","DialogIdent","dialogheaderHeight","container","onSubmit","customerTypeOptions","isLoading","initialized","errors","showSuccessScreen","registerData","selectedType","hasVerificationFiles","showWarning","canPossiblyBuyDrugs","needsManualCheck","validationResult","handleFillAddress","usesCaptcha","useRegistrationForm","emit","__emit","val"],"mappings":"8lCAuEA,MAAMA,EAAQC,EAYRC,EAAiBF,EAAM,aAAa,UAAU,IAAKG,IAAa,CACpE,MAAOA,EAAQ,KACf,MAAOA,EAAQ,IACf,EAAA,EAEIC,EAAkBC,EAAIH,EAAe,CAAC,EAAE,KAAK,EAEnD,SAASI,GAAmB,CACnB,OAAAN,EAAM,aAAa,OAAO,KAC9BO,GAAUA,EAAM,KAAOP,EAAM,YAAA,CAElC,CAEM,MAAAQ,EAAeH,EAAI,EAAK,EACxBI,EAAQJ,EAAIC,EAAiB,EAAE,IAAI,EACnCI,EAAAD,EAAQE,GAAa,CACrBL,EAAA,EAAmB,OAASK,IAAUH,EAAa,MAAQ,GAAA,CAChE,EACDE,EACE,IAAMV,EAAM,aACZ,IAAM,OACCQ,EAAa,QACVC,EAAA,OAAQG,EAAAN,EAAoB,IAApB,YAAAM,EAAoB,KAClCJ,EAAa,MAAQ,GAEzB,CAAA,EAGI,MAAAK,EAAQC,EAAS,IAAM,OAC3B,OAAId,EAAM,cACDY,EAAAN,EAAoB,IAApB,YAAAM,EAAoB,MAEtB,kCAAA,CACR,EAEKG,EAAQD,EAAS,IAAM,OAC3B,GAAId,EAAM,aAAc,CAChB,MAAAgB,GAAYJ,EAAAZ,EAAM,aAAa,OAAO,KACzCO,GAAUA,EAAM,KAAOP,EAAM,YAC7B,IAFe,YAAAY,EAEf,UACH,GAAII,EACF,OAAOC,EAAE,+CAAgD,CACvD,KAAMD,CAAA,CACP,CAEL,CACA,OAAOC,EAAE,+CAAgD,CACvD,KAAMA,EAAEJ,EAAM,KAAK,CAAA,CACpB,CAAA,CACF,EAEK,CAAE,EAAAI,GAAMC,oqDCxFR,KAAA,CAAE,EAAAD,GAAMC,wkCCdR,MAAAC,EAAKd,EAAwB,IAAI,EACjC,CAAE,EAAAY,GAAMC,IACRE,EAAcC,IACdC,EAAaC,EAAcJ,CAAE,EAC7BK,EAASC,KAEf,SAASC,GAAQ,CACXJ,EAAW,MACDF,EAAA,WAAWO,GAAY,KAAK,EAExCH,EAAO,KAAK,QAAQ,CAExB,0uBCgIMI,GAAqB,uHALrB,KAAA,CAAE,EAAAX,GAAMC,IAERW,EAAYxB,EAAwB,IAAI,EAExCiB,EAAaC,EAAcM,CAAS,EAGpC,CACJ,SAAAC,EACA,oBAAAC,EACA,UAAAC,EACA,YAAAC,EACA,OAAAC,EACA,kBAAAC,EACA,aAAAC,EACA,aAAAC,EACA,qBAAAC,EACA,YAAAC,EACA,oBAAAC,EACA,iBAAAC,EACA,iBAAAC,EACA,kBAAAC,EACA,YAAAC,CAAA,EACEC,GAAoBvB,CAAU,EAElC,SAAShB,GAAmB,CACnB,OAAA8B,EAAa,MAAM,OAAO,KAC9B7B,GAAUA,EAAM,KAAO8B,EAAa,KAAA,CAEzC,CAEM,MAAAxB,EAAQC,EAAS,IAAM,OAC3B,OAAIuB,EAAa,OACRzB,EAAAN,EAAoB,IAApB,YAAAM,EAAoB,MAEtB,kCAAA,CACR,EACKkC,EAAOC,EAIP3B,GAAcC,IAEd,OAAAX,EAAAyB,EAAoBa,GAAQ,CAC5BA,GAAKF,EAAK,SAAS,CAAA,CACxB"}