{"version":3,"file":"BmSiTjbS.js","sources":["../../../../src/complib/components/htmlDialog/simpleHtmlDialog.vue","../../../../src/helpers/validations.ts","../../../../src/components/formFields/addressRows/addressRows.vue","../../../../src/components/formTools/address/suggestions/composables/useAddressSuggestions.ts","../../../../src/components/formTools/address/suggestions/addressSuggestions.vue","../../../../src/components/formTools/address/validation/composables/useValidateAddressExternal.ts","../../../../src/components/formTools/address/validation/components/addressField.vue","../../../../src/components/formTools/address/validation/addressChoice.vue"],"sourcesContent":["<template>\n  <div v-if=\"open\">\n    <Teleport :to=\"teleportTarget\" :disabled=\"!teleportTarget\">\n      <dialog\n        ref=\"dialogRef\"\n        :style=\"`z-index:${10000 + dialogId};`\"\n        :class=\"{\n          'top-0 w-full h-full flex': open,\n          'bg-grey-dark-opc50': open && dialogId === 0,\n        }\"\n      >\n        <div\n          class=\"flex flex-col m-auto w-[370px] md:w-[510px] max-h-full md:max-h-full bg-white rounded-alt-2xl overflow-auto overscroll-contain\"\n          :style=\"`transform:translate(0px,${dialogId * 30}px)`\"\n        >\n          <slot v-if=\"$slots.headlineReplace\" name=\"headlineReplace\" />\n          <div\n            v-else\n            class=\"flex flex-row items-center w-full shrink-0 h-xl rounded-t-alt-2xl bg-primary-lightest flex-nowrap px-md\"\n          >\n            <Headline\n              :headline=\"t(headline)\"\n              level=\"h4\"\n              class=\"!mr-auto !ml-0\"\n            />\n\n            <button\n              v-show=\"showCloseButton\"\n              type=\"button\"\n              name=\"close\"\n              class=\"ml-auto\"\n              @click=\"() => $emit('close')\"\n            >\n              <Icon\n                icon-class=\"fas fa-xmark\"\n                class=\"text-lg cursor-pointer text-border-dark\"\n              />\n            </button>\n          </div>\n          <div class=\"w-full p-md\">\n            <slot name=\"content\" />\n          </div>\n        </div>\n      </dialog>\n    </Teleport>\n  </div>\n</template>\n<script lang=\"ts\" setup>\nimport { Headline, Icon } from '@/complib';\n\nconst props = defineProps({\n  open: {\n    type: Boolean,\n    required: true,\n  },\n  showCloseButton: {\n    type: Boolean,\n    default: true,\n  },\n  headline: {\n    type: String,\n    required: true,\n  },\n  onCloseCb: {\n    type: Function,\n    default: () => {},\n  },\n  teleportTarget: {\n    type: String,\n    default: 'body',\n  },\n});\n\nconst dialogRef = ref<any | null>(null);\nconst { t } = useTrans();\nconst htmlDialogOrder = useState('htmlDialogOrder', () => []);\nconst dialogId = ref(0);\n\nwatch(\n  () => props.open,\n  (newVal) => {\n    if (newVal) {\n      dialogRef.value?.showModal();\n      dialogId.value = htmlDialogOrder.value.length;\n      htmlDialogOrder.value.push(dialogId.value);\n    } else {\n      dialogRef.value?.close();\n      htmlDialogOrder.value = htmlDialogOrder.value.filter(\n        (id) => id !== dialogId.value,\n      );\n      props.onCloseCb();\n    }\n  },\n  { immediate: true },\n);\n\nonUnmounted(() => {\n  htmlDialogOrder.value = htmlDialogOrder.value.filter(\n    (id) => id !== dialogId.value,\n  );\n});\n\ndefineEmits(['close']);\n</script>\n","// List of all invalid  words in street feld\n// invalid words are the words that refer to Packing station or P.O. Box\nconst unvalidWords = ['Packstation', 'Postnummer', 'Postnumer', 'Postnr'];\n\n// check if a string contain at lest one of invalid words\nexport function checkStreetNameForPackingStation(streetName: string) {\n  const Rg = new RegExp(unvalidWords.join('|'), 'i');\n  const Rg1 = /\\d{9}/;\n  streetName = streetName.trim().replace(/\\s+/g, '');\n  return Rg1.test(streetName) || Rg.test(streetName);\n}\n","<template>\n  <ValidationRow\n    name=\"streetNumber\"\n    combined-validation-message=\"registration.emptyError.billingAddress.streetNumber\"\n  >\n    <TextInput\n      id=\"registrationStreet\"\n      v-model=\"street\"\n      :name=\"`street${shippingSuffix}`\"\n      label=\"registration.billingAddress.street\"\n      placeholder=\"registration.billingAddress.placeholder.street\"\n      width=\"basis-9/12\"\n      required-message=\"registration.emptyError.billingAddress.street\"\n      :maxlength=\"40\"\n    />\n    <TextInput\n      id=\"registrationHouseNumber\"\n      v-model=\"number\"\n      :name=\"`houseNumber${shippingSuffix}`\"\n      label=\"registration.billingAddress.number\"\n      placeholder=\"registration.billingAddress.placeholder.number\"\n      width=\"basis-3/12\"\n      required-message=\"registration.emptyError.billingAddress.number\"\n      :maxlength=\"9\"\n    />\n  </ValidationRow>\n  <div v-if=\"validatePackingStation && isPackingStation\" class=\"mb-xs\">\n    <NotificationBar\n      :type=\"NotificationType.WARN\"\n      description=\"myAccount.deliveryTopackingStationsHint\"\n      classes=\"!px-xs !gap-sm mt-sm\"\n    />\n  </div>\n\n  <ValidationRow\n    name=\"zipCity\"\n    combined-validation-message=\"registration.emptyError.billingAddress.zipCity\"\n  >\n    <TextInput\n      id=\"registrationZip\"\n      v-model=\"zip\"\n      :name=\"`zip${shippingSuffix}`\"\n      label=\"registration.billingAddress.zip\"\n      placeholder=\"registration.billingAddress.placeholder.zip\"\n      width=\"basis-3/12\"\n      required-message=\"registration.emptyError.billingAddress.zip\"\n      matches-message=\"registration.emptyError.billingAddress.zip\"\n      :validation=\"zipCodeValidation\"\n      :maxlength=\"20\"\n    />\n    <TextInput\n      id=\"registrationCity\"\n      v-model=\"city\"\n      :name=\"`city${shippingSuffix}`\"\n      label=\"registration.billingAddress.city\"\n      placeholder=\"registration.billingAddress.placeholder.city\"\n      width=\"basis-9/12\"\n      required-message=\"registration.emptyError.billingAddress.city\"\n      :maxlength=\"40\"\n    />\n  </ValidationRow>\n</template>\n<script setup lang=\"ts\">\nimport { TextInput, NotificationBar, NotificationType } from '@/complib';\nimport ValidationRow from '@/components/formFields/validationRow/validationRow.vue';\nimport { useZipCodeValidation } from '@/components/formFields/composables/useZipCodeValidation';\nimport { checkStreetNameForPackingStation } from '~/helpers/validations';\n\nconst props = defineProps({\n  city: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  street: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  number: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  zip: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  isShippingAddress: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  validatePackingStation: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n});\n\nconst shippingSuffix = props.isShippingAddress ? 'Shipping' : '';\n\nconst emits = defineEmits<{\n  (e: 'update:city', value: string): void;\n  (e: 'update:street', value: string): void;\n  (e: 'update:number', value: string): void;\n  (e: 'update:zip', value: string): void;\n}>();\n\nconst street = ref(props.street);\nconst number = ref(props.number);\nconst zip = ref(props.zip);\nconst city = ref(props.city);\n\nconst zipCodeValidation = useZipCodeValidation();\nconst isPackingStation = computed(() =>\n  checkStreetNameForPackingStation(street.value),\n);\n\nwatch(street, (newValue) => {\n  emits('update:street', newValue);\n});\nwatch(number, (newValue) => {\n  emits('update:number', newValue);\n});\nwatch(zip, (newValue) => {\n  emits('update:zip', newValue);\n});\nwatch(city, (newValue) => {\n  emits('update:city', newValue);\n});\n</script>\n","import type {\n  Result as SuggestionsResult,\n  PostBody as SuggestionPostBody,\n} from '@/server/api/[site]/user/account/suggestAddresses.post';\nimport type {\n  Result as FullAddressResult,\n  PostBody as FullAddressPostBody,\n} from '@/server/api/[site]/user/account/fullAddressFromPlaceId.post';\nimport { useSecureSessionPost } from '@/composables/dataFetching/genericFetchers';\nimport { getNode } from '@formkit/core';\n\nexport type FormKitAddressFieldInput = {\n  input: {\n    [key in keyof FullAddressResult['address']]?: string;\n  };\n  fieldNames: {\n    [key in keyof FullAddressResult['address']]?: string;\n  };\n};\n\n/**\n * @param options\n * @param options.debounceTime Suggestion fetch debounce time | default: 500\n * @param options.inputLengthThreshold Minimum length of the input before suggestions are fetched | default: 3\n * @param options.fillFormkitFields On Address select tries to fill formkit fields | default: null\n * @param options.filterResultsByType Filters _results_ by the given types | default: []\n * @param options.filterInputByTerms Filters _input_ by the given terms and sets error state if matches found | default: []\n * @returns state - reactive object containing the state of the suggestions\n * @returns getSuggestions - function to fetch suggestions\n * @returns selectSuggestion - function to select a suggestion (loads details)\n * @returns clearSuggestions - function to clear the suggestions & error-states\n * @returns getSuggestionWithHighlightAsStringArray - helper function to get the suggestion as an array with highlighted parts\n */\nexport default function useAddressSuggestions(options?: {\n  debounceTime?: number;\n  inputLengthThreshold?: number;\n  fillFormkitAddressFields?: FormKitAddressFieldInput['fieldNames'];\n  filterResultsByType?: Array<\n    SuggestionsResult['suggestions'][0]['types'] | Array<string>\n  >;\n  filterInputByTerms?: Array<{\n    description: string;\n    values: Array<string>;\n    type: 'startsWith' | 'includes';\n  }>;\n}) {\n  const debounceTime = options?.debounceTime ?? 500;\n  const inputLengthThreshold = options?.inputLengthThreshold ?? 3;\n  const filterResultsByType = options?.filterResultsByType ?? [];\n  const filterInputByTerms = options?.filterInputByTerms ?? [];\n  const removals = useTrans().t('addressSuggestions.name1Removals').split('; ');\n\n  const state = reactive({\n    previousResponseId: null as string | null,\n    suggestions: [] as SuggestionsResult['suggestions'],\n    selectedSuggestion: {\n      suggestion: null as SuggestionsResult['suggestions'][0],\n      details: null as any,\n    },\n    error: {\n      details: false,\n      suggestions: false,\n      formkitFieldFill: false,\n      filteredInput: null as string | null,\n    },\n    loading: {\n      details: false,\n      suggestions: false,\n      waiting: true,\n    },\n  });\n\n  /**\n   * @summary Debounced fetch of suggestions based on the input\n   * @info Influenced by the `debounceTime` and `inputLengthThreshold` options\n   */\n  async function getSuggestions(input: string) {\n    state.loading.waiting = true;\n    getSuggestionsDebounced(input);\n  }\n\n  const getSuggestionsDebounced = useDebounceFn(async (input: string) => {\n    const inputValidity = handleInputValidity(input);\n    if (!inputValidity) return;\n\n    state.error.filteredInput = null;\n    state.suggestions = [];\n    state.loading.suggestions = true;\n    try {\n      const postbody: SuggestionPostBody = {\n        address: input,\n        previousResponseId: state.previousResponseId,\n      };\n      const reqResult = await useSecureSessionPost<SuggestionsResult>(\n        `/api/${useSiteIdent()}/user/account/suggestAddresses`,\n        postbody,\n      );\n      handleSuggestionsResponse(reqResult);\n      state.error.suggestions = false;\n    } catch (e) {\n      state.error.suggestions = true;\n      throw e;\n    } finally {\n      state.loading.suggestions = false;\n      state.loading.waiting = false;\n    }\n  }, debounceTime);\n\n  function handleInputValidity(input: string) {\n    if (input?.length <= inputLengthThreshold) {\n      state.error.filteredInput = null;\n      state.suggestions = [];\n      return false;\n    }\n\n    for (const term of filterInputByTerms) {\n      if (\n        term.values.some((value) => {\n          return term.type === 'startsWith'\n            ? input.toLowerCase().startsWith(value)\n            : input.toLowerCase().includes(value);\n        })\n      ) {\n        state.error.filteredInput = term.description;\n        state.suggestions = [];\n        return false;\n      }\n    }\n\n    return true;\n  }\n\n  function handleSuggestionsResponse(response: SuggestionsResult) {\n    if (response.responseId) {\n      state.previousResponseId = response.responseId;\n    }\n    state.suggestions = response.suggestions;\n    state.suggestions = state.suggestions.slice(0, 6);\n    if (filterResultsByType.length) {\n      for (const type of filterResultsByType) {\n        state.suggestions = state.suggestions.filter((suggestion) =>\n          suggestion.types.includes(type as any),\n        );\n      }\n    }\n  }\n\n  /**\n   * @summary Fetches the details of the selected suggestion & sets the state accordingly\n   */\n  async function selectSuggestion(\n    suggestion: SuggestionsResult['suggestions'][0],\n  ) {\n    if (!state.loading.details) {\n      state.loading.details = true;\n      state.selectedSuggestion.suggestion = suggestion;\n      await getPlaceDetails(suggestion.placeId);\n      if (options?.fillFormkitAddressFields) {\n        fillFormkitAddressFields(\n          state.selectedSuggestion.details.address,\n          options.fillFormkitAddressFields,\n        );\n      }\n      state.loading.details = false;\n    }\n  }\n\n  async function getPlaceDetails(placeId: string) {\n    let result: FullAddressResult | null = null;\n    try {\n      const postBody: FullAddressPostBody = {\n        placeId,\n        previousResponseId: state.previousResponseId,\n      };\n      result = await useSecureSessionPost<FullAddressResult>(\n        `/api/${useSiteIdent()}/user/account/fullAddressFromPlaceId`,\n        postBody,\n      );\n      state.selectedSuggestion.details = result;\n      state.error.details = false;\n    } catch (e) {\n      // eslint-disable-next-line no-console\n      console.error(e);\n      state.error.details = true;\n    }\n  }\n\n  /**\n   * @summary Clears the suggestions, selected suggestion & error-states\n   */\n  function clearSuggestions() {\n    state.suggestions = [];\n    state.selectedSuggestion.suggestion = null;\n    state.selectedSuggestion.details = null;\n    state.error.formkitFieldFill = false;\n    state.error.details = false;\n    state.error.suggestions = false;\n  }\n\n  /**\n   * @returns An array of {text: string, highlighted: boolean} objects\n   */\n  function getSuggestionWithHighlightAsStringArray(\n    suggestion: SuggestionsResult['suggestions'][0],\n    maxLength = 9999,\n  ): Array<{ text: string; highlighted: boolean }> {\n    const result: Array<{ text: string; highlighted: boolean }> = [];\n    let currentIndex = 0;\n    let totalLength = 0;\n\n    for (const { start, end } of suggestion.highlightedSubstrings) {\n      if (\n        currentIndex < start &&\n        addText(suggestion.text.slice(currentIndex, start), false)\n      ) {\n        return result;\n      }\n\n      if (addText(suggestion.text.slice(start, end), true)) {\n        return result;\n      }\n\n      currentIndex = end;\n    }\n\n    if (currentIndex < suggestion.text.length && totalLength < maxLength) {\n      addText(suggestion.text.slice(currentIndex), false);\n    }\n\n    function addText(text: string, highlighted: boolean) {\n      const remainingLength = maxLength - totalLength;\n      const sliceLength = Math.min(text.length, remainingLength);\n      result.push({ text: text.slice(0, sliceLength), highlighted });\n      totalLength += sliceLength;\n      return totalLength >= maxLength;\n    }\n\n    return result;\n  }\n\n  /**\n   * @summary Fills the given formkit fields with the given input\n   * - Silently errors on exception and does not throw\n   */\n  function fillFormkitAddressFields(\n    input: FormKitAddressFieldInput['input'],\n    fieldNames: FormKitAddressFieldInput['fieldNames'],\n  ) {\n    try {\n      for (const [key] of Object.entries(fieldNames)) {\n        const field = getNode(fieldNames[key as keyof typeof fieldNames]);\n        if (field) {\n          if ((key as keyof typeof fieldNames) === 'name1') {\n            field.input(\n              removeMatchingWords(input[key as keyof typeof input], removals),\n            );\n          } else {\n            field.input(input[key as keyof typeof input]);\n          }\n        }\n      }\n    } catch (e) {\n      state.error.formkitFieldFill = true;\n      // eslint-disable-next-line no-console\n      console.error(e);\n    }\n  }\n\n  return {\n    state,\n    selectSuggestion,\n    getSuggestions,\n    clearSuggestions,\n    getSuggestionWithHighlightAsStringArray,\n  };\n}\n\n/**\n * @summary removals get removed from target, whitespace gets trimmed\n * @example ('eins zwei drei vier fünf', ['zwei', 'fünf']) => 'eins drei vier'\n */\nfunction removeMatchingWords(target: string, removals: string[]) {\n  const removalRegex = new RegExp(\n    removals.map((word) => `\\\\b${word}\\\\b`).join('|'),\n    'g',\n  );\n  return target.replace(removalRegex, '').replace(/\\s+/g, ' ').trim();\n}\n","<template>\n  <div\n    class=\"w-full max-w-[690px] px-md md:px-md min-w-[245px] flex flex-col bg-primary-lighter py-sm md:py-md relative\"\n  >\n    <label :for=\"inputFieldId\" class=\"font-bold leading-2xs mb-[7px]\">\n      {{ t('addressSuggestions.input.label') }}</label\n    >\n    <div class=\"relative w-full\">\n      <label\n        class=\"box-border w-full bg-white leading-[22px] py-xs px-sm rounded-alt-full flex flex-row gap-xs font-deco-alt text-lg text-text-light\"\n        :class=\"{\n          '!rounded-none !rounded-t-alt-3xl': showSuggestions,\n        }\"\n      >\n        <input\n          :id=\"inputFieldId\"\n          ref=\"inputField\"\n          v-model=\"userInput\"\n          class=\"w-full p-0 border-none text-text-base overflow-elipsis focus:ring-transparent\"\n          :placeholder=\"t('addressSuggestions.input.placeholder')\"\n          role=\"presentation\"\n          autocomplete=\"off\"\n          autofill=\"off\"\n          @input=\"\n            (event: any) =>\n              handleInputChange((event.target as HTMLInputElement).value)\n          \"\n          @keydown.enter.prevent.stop=\"\n            handleSelectSuggestion(state.suggestions[dropdownSelectedField])\n          \"\n          @keydown.down.prevent.stop=\"() => selectDropdownField(0)\"\n        />\n\n        <div\n          v-if=\"userInput\"\n          class=\"relative cursor-pointer text-grey-dark seperator pr-sm\"\n          @click=\"clearInput()\"\n        >\n          <Icon icon-class=\"far xmark\" />\n        </div>\n        <div class=\"cursor-pointer text-grey-dark\">\n          <Icon\n            icon-class=\"far magnifying-glass\"\n            class=\"text-xl text-text-light\"\n          />\n        </div>\n      </label>\n      <Popup trigger-class=\"top-[12px] right-[45px] \">\n        <template #trigger>\n          <FaIcon\n            icon-class=\"fad fa-circle-info\"\n            style=\"\n              --fa-primary-color: var(--thm-white-base);\n              --fa-secondary-color: var(--thm-status-warn-base);\n              --fa-secondary-opacity: 1;\n            \"\n          />\n        </template>\n        <template #content>{{ t('addressSuggestion.info') }}</template>\n      </Popup>\n    </div>\n    <div class=\"relative w-full overflow-visible z-510\">\n      <div class=\"mt-[1px]\"></div>\n      <div\n        v-if=\"showSuggestions\"\n        class=\"absolute flex flex-col w-full bg-white shadow-md pl-sm pt-xs pr-md pb-md rounded-b-alt-3xl\"\n      >\n        <div\n          v-if=\"\n            state.error.filteredInput ||\n            (!state.suggestions.length && userInput?.length > minInputLength)\n          \"\n          class=\"flex flex-row items-center text-sm flex-nowrap\"\n        >\n          <Icon\n            v-if=\"state.error.filteredInput || !state.loading.waiting\"\n            icon-class=\"fad fa-circle-info\"\n            style=\"\n              --fa-primary-color: var(--thm-text-base);\n              --fa-secondary-color: var(--thm-status-warn-base);\n              --fa-secondary-opacity: 1;\n            \"\n            class=\"mr-sm\"\n          />\n          <div v-if=\"state.error.filteredInput\">\n            {{\n              t('suggestions.input.filter.template', {\n                filter: t(state.error.filteredInput),\n              })\n            }}\n          </div>\n          <div v-else-if=\"!state.loading.waiting\">\n            {{ t('suggestions.input.noResult') }}\n          </div>\n        </div>\n        <div\n          v-for=\"(suggestion, index) of state.suggestions\"\n          :id=\"inputFieldId + index\"\n          :key=\"index\"\n          ref=\"suggestionsFields\"\n          tabindex=\"0\"\n          class=\"flex flex-row items-center cursor-pointer flex-nowrap hover:bg-primary-lighter focus:outline-none focus:bg-primary-lighter focus:px-xs hover:px-xs hover:-mx-xs focus:-mx-xs py-2xs\"\n          @click=\"async () => await handleSelectSuggestion(suggestion)\"\n          @keyup.enter.prevent.stop=\"\n            handleSelectSuggestion(state.suggestions[dropdownSelectedField])\n          \"\n          @keydown.up.prevent.stop=\"\n            () => selectDropdownField(dropdownSelectedField - 1)\n          \"\n          @keydown.down.prevent.stop=\"\n            () =>\n              selectDropdownField(\n                dropdownSelectedField !== null ? dropdownSelectedField + 1 : 0,\n              )\n          \"\n        >\n          <Icon icon-class=\"far location-dot\" class=\"mr-sm\" />\n          <div>\n            <span\n              v-for=\"(\n                part, suggestionSubstringIndex\n              ) of getSuggestionWithHighlightAsStringArray(\n                suggestion,\n                textCutOff,\n              )\"\n              :key=\"suggestionSubstringIndex\"\n              :class=\"{ 'font-bold': part.highlighted }\"\n            >\n              {{ part.text }}\n            </span>\n            <span v-if=\"suggestion.text.length > textCutOff\">...</span>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { Icon } from '@/complib';\nimport type { Result as SuggestionsResult } from '@/server/api/[site]/user/account/suggestAddresses.post';\nimport useAddressSuggestions from './composables/useAddressSuggestions';\nimport { v4 as uuidv4 } from 'uuid';\nimport Popup from '~~/src/components/formFields/components/formInfoPopup.vue';\nimport FaIcon from '~~/src/components/fa-icon.vue';\n\nconst props = defineProps({\n  formkitAddressFields: {\n    type: Object as PropType<\n      Parameters<typeof useAddressSuggestions>[0]['fillFormkitAddressFields']\n    >,\n    required: false,\n    default: () => null,\n  },\n  filteredTerms: {\n    type: Array as PropType<\n      Parameters<typeof useAddressSuggestions>[0]['filterInputByTerms']\n    >,\n    required: false,\n    default: () => [\n      {\n        description: 'suggestions.input.filter.packingstations',\n        values: ['packsta', 'packings'],\n        type: 'startsWith',\n      },\n    ],\n  },\n});\n\nconst minInputLength = 3;\nconst textCutOff = 45;\nconst { t } = useTrans();\nconst emit = defineEmits<{\n  (e: 'address-chosen', value: any): void;\n}>();\n\nconst userInput = ref('');\nconst inputFieldId = uuidv4();\nconst activeElement = useActiveElement();\n\nconst inputField = ref<HTMLInputElement | null>(null);\nconst suggestionsFields = ref<HTMLElement[]>([]);\nconst dropdownSelectedField = ref<number | null>(null);\n\nconst inputIsFocused = computed(() =>\n  activeElement.value.id.startsWith(inputFieldId),\n);\n\nconst showSuggestions = computed(() => {\n  return (\n    inputIsFocused.value &&\n    (state.error.filteredInput ||\n      userInput.value?.length > minInputLength ||\n      state.suggestions.length)\n  );\n});\n\nwatch(\n  () => activeElement.value,\n  (val) => {\n    if (val.id > inputFieldId && val.id.startsWith(inputFieldId)) {\n      dropdownSelectedField.value = parseInt(val.id.slice(inputFieldId.length));\n    }\n  },\n);\n\nconst {\n  state,\n  getSuggestions,\n  selectSuggestion,\n  clearSuggestions,\n  getSuggestionWithHighlightAsStringArray,\n} = useAddressSuggestions({\n  fillFormkitAddressFields: props.formkitAddressFields,\n  filterInputByTerms: props.filteredTerms,\n});\n\nfunction selectDropdownField(index: number) {\n  if (state.suggestions.length > index && index >= 0) {\n    dropdownSelectedField.value = index;\n  } else {\n    dropdownSelectedField.value = null;\n  }\n}\n\nwatch(\n  () => dropdownSelectedField.value,\n  (val) => {\n    if (val !== null) {\n      suggestionsFields.value[val]?.focus({ preventScroll: true });\n    } else {\n      inputField.value?.focus({ preventScroll: true });\n    }\n  },\n);\n\nfunction handleInputChange(val: string) {\n  userInput.value = val;\n  getSuggestions(val);\n  dropdownSelectedField.value = null;\n}\n\nfunction clearInput() {\n  userInput.value = '';\n  dropdownSelectedField.value = null;\n  clearSuggestions();\n}\n\nasync function handleSelectSuggestion(\n  suggestion: SuggestionsResult['suggestions'][0],\n) {\n  if (!state.loading.suggestions) {\n    await selectSuggestion(suggestion);\n    if (state.selectedSuggestion.details) {\n      emit('address-chosen', suggestion);\n      clearInput();\n    }\n  }\n}\n</script>\n","import type { Result } from '@/server/api/[site]/user/account/validateAddress.post';\nimport { useSecureSessionPost } from '@/composables/dataFetching/genericFetchers';\nimport type { UserData } from '@/server/gateway/connections/shopware/actions/registerUser';\nimport { hashCode } from '~~/src/helpers/hashCode';\n\ntype AddressToValidate = Pick<\n  UserData['billingAddress'],\n  'countryId' | 'city' | 'zipcode' | 'street' | 'number'\n>;\n\n/**\n *\n * @returns isLoading - if the validation is currently loading\n * @returns loadingError - if the validation has encountered an (api)error\n * @returns validationResult - the result of the validation\n * @returns needsManualCheck - if the address needs manual validation\n * @returns validateAddress - function to validate an address\n * @returns resetManualCheck - function to reset the manual check\n * @returns reset - function to reset the validation\n */\nexport default function useValidateAddressExternal() {\n  let previousResponseId = '';\n\n  const isLoading = ref(false);\n  const loadingError = ref(false);\n  const validationResult = ref<Result>(null);\n  const needsManualCheck = ref(false);\n\n  /**\n   * Calls the validation API to validate the given address,\n   * and sets the result in the `validationResult` ref.\n   */\n  async function validateAddress(address: AddressToValidate): Promise<void> {\n    if (\n      !address ||\n      isLoading.value ||\n      hashCode(address) ===\n        hashCode(validationResult.value?.addresses?.[0]?.originalFormat ?? {})\n    )\n      return;\n\n    try {\n      isLoading.value = true;\n      const reqResult = await useSecureSessionPost<Result>(\n        `/api/${useSiteIdent()}/user/account/validateAddress`,\n        {\n          address,\n          previousResponseId: previousResponseId,\n        },\n      );\n      handleResponse(reqResult);\n    } catch (e) {\n      setLoadingErrorState();\n      throw e;\n    } finally {\n      isLoading.value = false;\n    }\n  }\n\n  async function resetManualCheck() {\n    needsManualCheck.value = false;\n  }\n\n  /**\n   * Resets the validation state EXCEPT for the internal previousResponseId\n   */\n  function reset() {\n    validationResult.value = null;\n    needsManualCheck.value = false;\n    loadingError.value = false;\n  }\n\n  function setLoadingErrorState() {\n    validationResult.value = null;\n    loadingError.value = true;\n    needsManualCheck.value = false;\n  }\n\n  /*\n   * Handles the response from the validation API and sets the state of the refs accordingly\n   */\n  function handleResponse(response: Result) {\n    previousResponseId = response.responseId;\n    if (response.addresses.length > 0) {\n      validationResult.value = response;\n      if (\n        response.overallValid === false &&\n        (!validationResult.value.isValid ||\n          validationResult.value.hasAnyKindOfChange)\n      ) {\n        needsManualCheck.value = true;\n      }\n    } else {\n      throw new Error('The Validation-API encountered an error');\n    }\n  }\n\n  return {\n    validateAddress,\n    resetManualCheck,\n    reset,\n    validationResult,\n    isLoading,\n    loadingError,\n    needsManualCheck,\n  };\n}\n","<template>\n  <div>\n    <slot name=\"headline\" />\n    <div\n      class=\"flex flex-col max-w-full border-solid cursor-pointer rounded-alt-md border-1 border-grey-dark p-sm\"\n    >\n      <div class=\"flex flex-row flex-nowrap\">\n        <Checkbox :model-value=\"selected\" />\n        <div class=\"flex flex-col\">\n          <div>\n            <span\n              :class=\"{\n                [getHighlightClass(highlightType)]:\n                  addressValidationData['street'].highlighted,\n              }\"\n              >{{ addressValidationData['street'].value }}</span\n            >&nbsp;\n            <span\n              :class=\"{\n                [getHighlightClass(highlightType)]:\n                  addressValidationData['number'].highlighted,\n              }\"\n              >{{ addressValidationData['number'].value }}</span\n            >\n          </div>\n          <div>\n            <span\n              :class=\"{\n                [getHighlightClass(highlightType)]:\n                  addressValidationData['zipcode'].highlighted,\n              }\"\n              >{{ addressValidationData['zipcode'].value }}</span\n            >&nbsp;\n            <span\n              :class=\"{\n                [getHighlightClass(highlightType)]:\n                  addressValidationData['city'].highlighted,\n              }\"\n              >{{ addressValidationData['city'].value }}</span\n            >\n          </div>\n          <slot name=\"belowAddress\" />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport type { Result } from '@/server/api/[site]/user/account/validateAddress.post';\nimport { Checkbox } from '@/complib';\n\ntype OriginalFormat = Result['addresses'][0]['originalFormat'];\ntype AddressValidationData = {\n  [Property in keyof OriginalFormat]: {\n    value: OriginalFormat[Property];\n    highlighted: boolean;\n  };\n};\n\nconst props = defineProps({\n  addressValidationData: {\n    type: Object as PropType<AddressValidationData>,\n    required: true,\n  },\n  highlightSuggestions: {\n    type: Boolean,\n    default: false,\n  },\n  highlightType: {\n    type: String as PropType<'positive' | 'negative'>,\n    default: 'positive',\n  },\n  selected: {\n    type: Boolean,\n    default: false,\n  },\n});\n\nfunction getHighlightClass(highlightType: (typeof props)['highlightType']) {\n  return highlightType === 'positive'\n    ? 'font-bold text-status-success-dark'\n    : 'font-bold text-status-danger-dark';\n}\n</script>\n","<template>\n  <SimpleHtmlDialog\n    :open=\"open\"\n    headline=\"addressValidation.choice.dialogHeadline\"\n    :teleport-target=\"null\"\n    @close=\"() => selectAndSaveAddress(0)\"\n  >\n    <template #content>\n      <div v-if=\"!incompleteData && open\" class=\"flex flex-col w-full\">\n        <div v-if=\"!noSuggestion\">\n          {{ t('addressValidation.choice.description') }}\n        </div>\n        <div v-else>\n          {{ t('addressValidation.choice.noSuggestion') }}\n        </div>\n        <AddressField\n          v-if=\"!noSuggestion\"\n          class=\"mt-md\"\n          :address-validation-data=\"addressFields[1]\"\n          :highlight-suggestions=\"highlightSuggestions\"\n          :highlight-type=\"'positive'\"\n          :selected=\"selectedAddress === 1\"\n          @click=\"selectAddress(1)\"\n        >\n          <template #headline>\n            <div class=\"font-bold\">\n              {{ t('addressValidation.choice.ourSuggestion') }}\n            </div>\n          </template>\n        </AddressField>\n\n        <AddressField\n          class=\"mt-sm\"\n          :address-validation-data=\"addressFields[0]\"\n          :highlight-suggestions=\"highlightSuggestions\"\n          :highlight-type=\"'negative'\"\n          :selected=\"selectedAddress === 0\"\n          @click=\"selectAddress(0)\"\n        >\n          <template #headline>\n            <div class=\"font-bold\">\n              {{ t('addressValidation.choice.userInput') }}\n            </div>\n          </template>\n          <template #belowAddress>\n            <div\n              class=\"flex gap-2 cursor-pointer place-items-center text-primary-base\"\n              @click=\"() => selectAndSaveAddress(0)\"\n            >\n              <Icon icon-class=\"fal fa-pen\" />\n              <span class=\"anim__underline-link anim-link\">\n                {{ t('user.account.addresses.edit') }}\n              </span>\n            </div>\n          </template>\n        </AddressField>\n        <NotificationBar\n          :type=\"NotificationType.WARN\"\n          classes=\"!px-xs !gap-sm mt-md\"\n          ><div class=\"!py-xs\">\n            {{ t('addressValidation.choice.hint') }}\n          </div>\n        </NotificationBar>\n        <BasicButton\n          full-width\n          class=\"mt-md sm:!w-full\"\n          btn-class=\"sm:!w-full\"\n          :label=\"t('addressValidation.choice.selectButton')\"\n          @click=\"saveAddress()\"\n        >\n        </BasicButton>\n      </div>\n    </template>\n  </SimpleHtmlDialog>\n</template>\n\n<script lang=\"ts\" setup>\nimport type { Result } from '@/server/api/[site]/user/account/validateAddress.post';\nimport AddressField from './components/addressField.vue';\nimport {\n  SimpleHtmlDialog,\n  NotificationBar,\n  NotificationType,\n  BasicButton,\n  Icon,\n} from '@/complib';\n\ntype OriginalFormat = Result['addresses'][0]['originalFormat'];\ntype ValidatedFormat = Result['addresses'][0]['validatedFormat'];\ntype AddressFieldProp = InstanceType<\n  typeof AddressField\n>['$props']['addressValidationData'];\n\nconst props = defineProps({\n  open: {\n    type: Boolean,\n    required: true,\n  },\n  addressValidationData: {\n    type: Object as PropType<Omit<Result, 'responseId'>>,\n    required: true,\n  },\n  highlightSuggestions: {\n    type: Boolean,\n    default: false,\n  },\n});\n\nconst { t } = useTrans();\nconst dialogRef = ref<any | null>(null);\nconst selectedAddress = ref(0);\n\nconst incompleteData = computed(() => {\n  return props.addressValidationData?.addresses?.length < 2;\n});\nconst noSuggestion = computed(() => {\n  return !props.addressValidationData?.isComplete;\n});\n\nconst addressKeys: (keyof OriginalFormat)[] = [\n  'countryId',\n  'city',\n  'zipcode',\n  'street',\n  'number',\n];\n\n/**\n * Compares the original and validated address and returns the fields that have been corrected or inferred.\n */\nconst highlightedFields = computed(() => {\n  if (!props.highlightSuggestions || incompleteData.value) return [];\n\n  const highlightedFields = [];\n  for (const key of addressKeys) {\n    const add =\n      props.addressValidationData.addresses[1].validatedFormat[\n        key as keyof ValidatedFormat\n      ];\n    if (\n      add.validationInfo.inferred ||\n      add.validationInfo.spellCorrected ||\n      add.validationInfo.replaced\n    ) {\n      highlightedFields.push(key);\n    }\n  }\n  return highlightedFields as (keyof ValidatedFormat)[];\n});\n\n/**\n * Creates a format that can be used in the AddressField component.\n */\nconst addressFields = computed<AddressFieldProp[]>(() => {\n  if (incompleteData.value) return [];\n\n  const arr = [{}, {}] as AddressFieldProp[];\n  for (const key of addressKeys) {\n    for (let i = 0; i < arr.length; i++) {\n      arr[i] = {\n        ...arr[i],\n        [key]: {\n          value: props.addressValidationData.addresses[i].originalFormat[key],\n          highlighted: highlightedFields.value.includes(key),\n        },\n      };\n    }\n  }\n  return arr;\n});\n\nwatch(\n  () => props.open,\n  (open) => {\n    if (open && !incompleteData.value) {\n      dialogRef.value?.showModal();\n    } else {\n      dialogRef.value?.close();\n    }\n  },\n);\n\n// Change Preselected Address-Field based on noSuggestion\nwatch(\n  () => noSuggestion.value,\n  (val) => {\n    selectedAddress.value = val ? 0 : 1;\n  },\n);\n\nconst emit = defineEmits<{\n  (e: 'address-chosen', value: OriginalFormat): void;\n}>();\n\nfunction selectAndSaveAddress(val: number) {\n  selectAddress(val);\n  saveAddress();\n  selectedAddress.value = 0;\n}\n\nfunction selectAddress(val: number) {\n  selectedAddress.value = val;\n}\n\nfunction saveAddress() {\n  emit(\n    'address-chosen',\n    props.addressValidationData.addresses[selectedAddress.value].originalFormat,\n  );\n}\n</script>\n"],"names":["props","__props","dialogRef","ref","t","useTrans","htmlDialogOrder","useState","dialogId","watch","newVal","_a","_b","id","onUnmounted","unvalidWords","checkStreetNameForPackingStation","streetName","Rg","Rg1","shippingSuffix","emits","__emit","street","number","zip","city","zipCodeValidation","useZipCodeValidation","isPackingStation","computed","newValue","useAddressSuggestions","options","debounceTime","inputLengthThreshold","filterResultsByType","filterInputByTerms","removals","state","reactive","getSuggestions","input","getSuggestionsDebounced","useDebounceFn","handleInputValidity","postbody","reqResult","useSecureSessionPost","useSiteIdent","handleSuggestionsResponse","e","term","value","response","type","suggestion","selectSuggestion","getPlaceDetails","fillFormkitAddressFields","placeId","result","postBody","clearSuggestions","getSuggestionWithHighlightAsStringArray","maxLength","currentIndex","totalLength","start","end","addText","text","highlighted","remainingLength","sliceLength","fieldNames","key","field","getNode","removeMatchingWords","target","removalRegex","word","minInputLength","textCutOff","emit","userInput","inputFieldId","uuidv4","activeElement","useActiveElement","inputField","suggestionsFields","dropdownSelectedField","inputIsFocused","showSuggestions","val","selectDropdownField","index","handleInputChange","clearInput","handleSelectSuggestion","useValidateAddressExternal","previousResponseId","isLoading","loadingError","validationResult","needsManualCheck","validateAddress","address","hashCode","_c","handleResponse","setLoadingErrorState","resetManualCheck","reset","getHighlightClass","highlightType","selectedAddress","incompleteData","noSuggestion","addressKeys","highlightedFields","add","addressFields","arr","i","open","selectAndSaveAddress","selectAddress","saveAddress"],"mappings":"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"}