{"version":3,"file":"DLnUS-SX.js","sources":["../../../../src/components/form/registration/components/billingAddress/minilu/billingAddress.vue","../../../../src/components/form/registration/components/loginData/minilu/loginData.vue","../../../../src/components/form/registration/components/errors/userExists/minilu/userExists.vue","../../../../src/components/form/registration/registrationForm/minilu/registrationForm.vue"],"sourcesContent":["<template>\n  <div class=\"flex flex-col\">\n    <div ref=\"el\" class=\"pb-[23px] pt-[38px]\">\n      <HeadlineDynamic\n        :headline=\"t('registration.billingAddress.headline')\"\n        level=\"h2\"\n        :has-decoration=\"true\"\n        :mobile-full-deco-width=\"isInDialog\"\n        container-classes=\"w-full\"\n      />\n    </div>\n    <AddressSuggestions\n      class=\"mb-sm rounded-alt-md !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 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      :force-info=\"true\"\n    >\n      <template #info>\n        {{ t('operatingCountries.info') }}\n      </template>\n    </Dropdown>\n    <TaxId :country-code=\"selectedCountry\" />\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/minilu/headline-dynamic.vue';\nimport type { Result } from '~~/src/server/api/[site]/user/register.get';\nimport Address from '@/components/formFields/addressRows/addressRows.vue';\nimport TaxId from '@/components/form/registration/components/taxId/minilu/taxId.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 el = ref<HTMLElement | null>(null);\nconst isInDialog = useIsInDialog(el);\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 && getSelectedGroup().name !== newValue)\n    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 ref=\"el\" 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        :mobile-full-deco-width=\"isInDialog\"\n        container-classes=\"w-full\"\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/minilu/headline-dynamic.vue';\nimport Email from '@/components/formFields/email/email.vue';\nimport { TextInput } from '@/complib';\nimport PasswordValidation from '@/components/formFields/passwordValidation/minilu/passwordValidation.vue';\n\nconst el = ref<HTMLElement | null>(null);\nconst isInDialog = useIsInDialog(el);\n\nconst { t } = useTrans();\n</script>\n","<template>\n  <ErrorFrame>\n    <div ref=\"el\" class=\"flex flex-col gap-xs\">\n      <div>\n        {{ t('registration.error.userExists.text') }}\n      </div>\n\n      <div\n        v-if=\"!hideLogin\"\n        class=\"flex gap-2 cursor-pointer place-items-center text-minilu-base font-pero text-18\"\n        @click=\"click\"\n      >\n        <span class=\"anim__underline-link minilu-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 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 md:rounded-minilu-xl\">\n    <div\n      v-if=\"!initialized\"\n      class=\"grid w-full grid-cols-3 border border-minilu-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 md:rounded-minilu-xl 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 &&\n              (errors.includes(ErrorIdent.USER_ALREADY_EXISTS) ||\n                errors.includes(ErrorIdent.USER_ALREADY_EXISTS_SALES_CHANNEL))\n            \"\n          >\n            <UserExistsError\n              :hide-login=\"!errors.includes(ErrorIdent.USER_ALREADY_EXISTS)\"\n            />\n          </div>\n          <div\n            v-if=\"errors.length && errors.includes(ErrorIdent.VAT_ID_NOT_FOUND)\"\n          >\n            <ErrorFrame>\n              {{ t('registration.error.vatIdNotFound') }}\n            </ErrorFrame>\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-minilu-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/minilu/billingAddress.vue';\nimport LoginData from '@/components/form/registration/components/loginData/minilu/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/minilu/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 ErrorFrame from '~/components/formFields/components/errorFrame/errorFrame.vue';\nimport { useDialogStore } from '@/stores/useDialogStore';\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});\nconst { t } = useTrans();\n\nconst container = ref<HTMLElement | null>(null);\nconst isInDialog = useIsInDialog(container);\nconst dialogheaderHeight = 130;\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);\nconst dialogStore = useDialogStore();\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});\n\nconst emit = defineEmits<{\n  (e: 'success'): void;\n}>();\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-minilu-btn-cta;\n  }\n}\n</style>\n"],"names":["props","__props","el","ref","isInDialog","useIsInDialog","countryOptions","country","selectedCountry","getSelectedGroup","group","name2changed","name2","_a","watch","newValue","label","computed","error","errorName","t","useTrans","dialogStore","useDialogStore","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":"smCA6EA,MAAMA,EAAQC,EAYRC,EAAKC,EAAwB,IAAI,EACjCC,EAAaC,EAAcH,CAAE,EAE7BI,EAAiBN,EAAM,aAAa,UAAU,IAAKO,IAAa,CACpE,MAAOA,EAAQ,KACf,MAAOA,EAAQ,IACf,EAAA,EAEIC,EAAkBL,EAAIG,EAAe,CAAC,EAAE,KAAK,EAEnD,SAASG,GAAmB,CACnB,OAAAT,EAAM,aAAa,OAAO,KAC9BU,GAAUA,EAAM,KAAOV,EAAM,YAAA,CAElC,CAEM,MAAAW,EAAeR,EAAI,EAAK,EACxBS,EAAQT,GAAIU,EAAAJ,EAAiB,IAAjB,YAAAI,EAAoB,IAAI,EACpCC,EAAAF,EAAQG,GAAa,QACrBF,EAAAJ,EAAiB,IAAjB,MAAAI,EAAoB,MAAQJ,IAAmB,OAASM,IAC1DJ,EAAa,MAAQ,GAAA,CACxB,EACDG,EACE,IAAMd,EAAM,aACZ,IAAM,OACCW,EAAa,QACVC,EAAA,OAAQC,EAAAJ,EAAoB,IAApB,YAAAI,EAAoB,KAClCF,EAAa,MAAQ,GAEzB,CAAA,EAGI,MAAAK,EAAQC,EAAS,IAAM,OAC3B,OAAIjB,EAAM,cACDa,EAAAJ,EAAoB,IAApB,YAAAI,EAAoB,MAEtB,kCAAA,CACR,EAEKK,EAAQD,EAAS,IAAM,OAC3B,GAAIjB,EAAM,aAAc,CAChB,MAAAmB,GAAYN,EAAAb,EAAM,aAAa,OAAO,KACzCU,GAAUA,EAAM,KAAOV,EAAM,YAC7B,IAFe,YAAAa,EAEf,UACH,GAAIM,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,yxDChGR,MAAAnB,EAAKC,EAAwB,IAAI,EACjCC,EAAaC,EAAcH,CAAE,EAE7B,CAAE,EAAAkB,GAAMC,4sCCnBR,MAAAnB,EAAKC,EAAwB,IAAI,EACjC,CAAE,GAAMkB,IACRC,EAAcC,IACdnB,EAAaC,EAAcH,CAAE,EAC7BsB,EAASC,KAEf,SAASC,GAAQ,CACXtB,EAAW,MACDkB,EAAA,WAAWK,GAAY,KAAK,EAExCH,EAAO,KAAK,QAAQ,CAExB,muBCiIMI,GAAqB,uHAJrB,KAAA,CAAE,GAAMP,IAERQ,EAAY1B,EAAwB,IAAI,EACxCC,EAAaC,EAAcwB,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,GAAoBzC,CAAU,EAC5BkB,EAAcC,IAEpB,SAASd,GAAmB,CACnB,OAAA2B,EAAa,MAAM,OAAO,KAC9B1B,GAAUA,EAAM,KAAO2B,EAAa,KAAA,CAEzC,CAEM,MAAArB,EAAQC,EAAS,IAAM,OAC3B,OAAIoB,EAAa,OACRxB,EAAAJ,EAAoB,IAApB,YAAAI,EAAoB,MAEtB,kCAAA,CACR,EAEKiC,EAAOC,EAIP,OAAAjC,EAAAqB,EAAoBa,GAAQ,CAC5BA,GAAKF,EAAK,SAAS,CAAA,CACxB"}