{"version":3,"file":"CAsBEGTf.js","sources":["../../../../src/components/dialog/drugAddressChoice/drugAddressChoiceDialog.vue"],"sourcesContent":["<template>\n  <Dialog :show-close-button=\"false\">\n    <div class=\"max-h-[92vh] flex flex-col px-sm pb-md\">\n      <div v-if=\"$siteIdent.includes('minilu')\" class=\"flex justify-center\">\n        <img\n          src=\"@/assets/images/minilu/minilu_drug_beaver.svg\"\n          class=\"h-[120px] relative -top-md\"\n        />\n      </div>\n      <Headline\n        v-else\n        :headline=\"t('checkout.drugAddressHint.title')\"\n        level=\"h4\"\n        class=\"max-w-full text-center mt-md mb-sm\"\n      />\n      <div class=\"h-[calc(92vh-135px)] overflow-auto overscroll-contain\">\n        <div class=\"\">\n          <NotificationBar :type=\"NotificationType.WARN\" class=\"!mt-0\">\n            <div class=\"py-sm\">\n              {{ t('checkout.drugAddressHint.warnText') }}\n            </div>\n          </NotificationBar>\n          <div class=\"bg-background-base rounded-alt-lg p-sm mt-sm\">\n            <div v-if=\"useCartStore().drugItems.length > 1\" class=\"font-bold\">\n              {{ useCartStore().drugItems.length }}&nbsp;{{\n                t('checkoutSubView.cart.articleCount')\n              }}\n            </div>\n            <div\n              v-if=\"useCartStore().drugItems.length > 1\"\n              class=\"h-[1px] w-full bg-border-light my-sm\"\n            ></div>\n            <ProductList\n              class=\"!mt-0\"\n              :line-items=\"useCartStore().drugItems\"\n              :is-extendable=\"true\"\n              :products-interactable=\"false\"\n              :with-article-count=\"false\"\n              product-frame-color=\"bg-primary-base-opc10\"\n            />\n          </div>\n          <div class=\"px-sm mt-sm\">\n            <RadioButton\n              :options=\"radioSelects\"\n              :model-value=\"selectedChoice\"\n              @update:model-value=\"(newValue) => updateChoice(newValue)\"\n            >\n              <template #label=\"{ context }\">\n                <div class=\"flex flex-col\">\n                  <span>{{ context.option.label }}</span>\n                  <div\n                    v-if=\"\n                      context.option.addressInfo &&\n                      useUserAddress().contactAddress\n                    \"\n                  >\n                    <div class=\"flex flex-col mt-sm\">\n                      <span class=\"font-bold\">{{\n                        useUserAddress().contactAddress.name1\n                      }}</span>\n                      <span class=\"\"\n                        >{{ useUserAddress().contactAddress.street }}\n                        {{ useUserAddress().contactAddress.number }},\n                        {{ useUserAddress().contactAddress.zip }}\n                        {{ useUserAddress().contactAddress.city }},</span\n                      >\n                      <span class=\"\">\n                        {{ useUserAddress().contactAddress.country }}\n                      </span>\n                    </div>\n                  </div>\n                </div>\n              </template>\n            </RadioButton>\n            <BasicButton\n              full-width\n              class=\"!w-full mt-sm mb-md md:mb-0\"\n              :label=\"t('checkout.drugAddressHint.confirm')\"\n              @click=\"handleConfirm\"\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n  </Dialog>\n</template>\n<script setup lang=\"ts\">\nimport ProductList from '~/components/shop/priceSummary/components/product-list.vue';\nimport Dialog from '@/components/dialog/components/dialogFrame/empty/dialogFrame.vue';\nimport useDrugContactChoiceDialog from '@/composables/dialogs/useDrugContactAddressChoiceDialog';\nimport { useCartStore } from '@/stores/useCart';\nimport { useUserAddress } from '@/stores/useUserAddress';\nimport {\n  RadioButton,\n  NotificationBar,\n  NotificationType,\n  BasicButton,\n  Headline,\n} from '@/complib';\n\nconst dialog = useDrugContactChoiceDialog();\nconst { t } = useTrans();\n\nconst radioSelects = [\n  {\n    label: t('checkout.drugAddressHint.select.contact'),\n    value: 'contactAddress',\n    addressInfo: true,\n  },\n  {\n    label: t('checkout.drugAddressHint.select.drugs'),\n    value: 'drugRemoval',\n  },\n];\n\nconst selectedChoice = ref<string>('contactAddress');\n\nfunction updateChoice(newValue: string) {\n  selectedChoice.value = newValue;\n}\n\nasync function handleConfirm() {\n  if (selectedChoice.value === 'contactAddress') {\n    await handleSetContactAddress();\n  } else {\n    await handleRemoveAMClick();\n  }\n}\nasync function handleSetContactAddress() {\n  await useUserAddress().setActiveAddress({\n    shippingAddressId: useUserAddress().contactAddress.id,\n  });\n  dialog.close();\n}\n\nasync function handleRemoveAMClick() {\n  await useCartStore().removeAllDrugItems();\n  dialog.close();\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":["dialog","useDrugContactChoiceDialog","t","useTrans","radioSelects","selectedChoice","ref","updateChoice","newValue","handleConfirm","handleSetContactAddress","handleRemoveAMClick","useUserAddress","useCartStore"],"mappings":"8qCAoGA,MAAMA,EAASC,IACT,CAAE,EAAAC,GAAMC,IAERC,EAAe,CACnB,CACE,MAAOF,EAAE,yCAAyC,EAClD,MAAO,iBACP,YAAa,EACf,EACA,CACE,MAAOA,EAAE,uCAAuC,EAChD,MAAO,aACT,CAAA,EAGIG,EAAiBC,EAAY,gBAAgB,EAEnD,SAASC,EAAaC,EAAkB,CACtCH,EAAe,MAAQG,CACzB,CAEA,eAAeC,GAAgB,CACzBJ,EAAe,QAAU,iBAC3B,MAAMK,EAAwB,EAE9B,MAAMC,EAAoB,CAE9B,CACA,eAAeD,GAA0B,CACjC,MAAAE,IAAiB,iBAAiB,CACtC,kBAAmBA,IAAiB,eAAe,EAAA,CACpD,EACDZ,EAAO,MAAM,CACf,CAEA,eAAeW,GAAsB,CAC7B,MAAAE,EAAA,EAAe,qBACrBb,EAAO,MAAM,CACf"}