{"version":3,"file":"CmkbAT2x.js","sources":["../../../../src/components/layout/returnsCheckoutSubView/header/vdv/header.vue","../../../../src/components/layout/returnsCheckoutSubView/footer/vdv/footer.vue","../../../../src/components/layout/returnsCheckoutSubView/footer/vdv/benefits.vue","../../../../src/layouts/vdvReturnCheckoutSubView.vue"],"sourcesContent":["<template>\n  <div class=\"relative top-0 left-0 right-0 bg-white shrink-0\">\n    <div class=\"max-w-screen-xl mx-auto z-100 print:max-w-[720px]\">\n      <div class=\"flex justify-between w-full max-w-screen-xl mx-auto px-md\">\n        <div\n          class=\"md:absolute flex items-center h-[62px] text-lg text-vdv-base\"\n        >\n          <NuxtLink to=\"/account/returns\">\n            <div\n              class=\"flex flex-row-reverse gap-1 cursor-pointer md:gap-2 place-items-center\"\n            >\n              <span class=\"anim__underline-link vdv-anim-link md:inline\">\n                {{ t('returnsCheckoutSubView.header.back') }}\n              </span>\n              <FaIcon icon-class=\"fas fa-chevron-left\" />\n            </div>\n          </NuxtLink>\n        </div>\n\n        <div class=\"md:mx-auto md:ml-auto\">\n          <NuxtLink to=\"/\">\n            <img\n              src=\"~/assets/images/van-der-ven-logo.svg\"\n              title=\"van der ven logo\"\n              alt=\"van der ven logo\"\n              class=\"h-[36px] my-3 hidden md:block\"\n            />\n            <img\n              src=\"~/assets/images/vdv-v-bubble.svg\"\n              title=\"van der ven logo\"\n              alt=\"van der ven logo\"\n              class=\"h-[36px] my-3 block md:hidden\"\n            />\n          </NuxtLink>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport FaIcon from '@/components/fa-icon.vue';\n\nconst { t } = useTrans();\n</script>\n","<template>\n  <div\n    class=\"relative w-full bg-vdv-base touch:md:h-[56px] lg:h-[56px] shrink-0\"\n  >\n    <div\n      :class=\"[\n        'flex flex-col items-center max-w-screen-xl grid-cols-12 mx-auto text-white px-md',\n        'touch:md:justify-between touch:md:flex-row touch:md:gap-md touch:md:h-full',\n        'lg:justify-between lg:flex-row lg:gap-md lg:h-full',\n      ]\"\n    >\n      <div\n        :class=\"[\n          'flex items-center h-full whitespace-nowrap order-1 py-md',\n          'touch:md:w-[400px] touch:md:py-0',\n          'lg:w-[400px] lg:py-0',\n        ]\"\n      >\n        <BasicLink\n          link=\"/account/returns\"\n          :icon-position=\"EPosition.LEFT\"\n          :label=\"t('returnsCheckoutSubView.header.back')\"\n          target=\"_self\"\n          icon=\"fas fa-chevron-left\"\n          class=\"text-white\"\n        />\n      </div>\n      <div\n        :class=\"[\n          'flex flex-row items-center justify-center order-3 pb-md',\n          'touch:md:justify-start touch:md:order-2 touch:md:pb-0',\n          'lg:justify-start lg:order-2 lg:pb-0',\n        ]\"\n      >\n        <NuxtLink class=\"flex\" to=\"/\">\n          <img\n            src=\"~/assets/images/vdv-v-bubble-inverse.svg\"\n            title=\"van der ven logo\"\n            alt=\"van der ven logo\"\n            class=\"h-[36px]\"\n          />\n          <img\n            src=\"~/assets/images/vdv_footer_menschzumensch_claim_white.svg\"\n            title=\"van der ven claim\"\n            alt=\"van der ven claim\"\n            class=\"h-[36px] w-[194px] pl-xs\"\n          />\n        </NuxtLink>\n      </div>\n      <div\n        :class=\"[\n          'flex items-center h-full justify-self-center order-2 pb-sm gap-sm',\n          'touch:md:justify-end touch:md:order-3 touch:md:pb-0 touch:md:gap-md touch:md:w-[400px]',\n          'lg:justify-end lg:order-3 lg:pb-0 lg:gap-md lg:w-[400px]',\n        ]\"\n      >\n        <BasicLink\n          link=\"/agb\"\n          :label=\"t('subView.footer.agb')\"\n          target=\"_blank\"\n        />\n        <BasicLink\n          link=\"/datenschutz\"\n          :label=\"t('subView.footer.privacy')\"\n          target=\"_blank\"\n        />\n        <BasicLink\n          link=\"/impressum\"\n          :label=\"t('subView.footer.impressum')\"\n          target=\"_blank\"\n        />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { EPosition } from '~/@types/basic-button';\nimport BasicLink from '@/components/components/core/basicLink/basic-link.vue';\n\nconst { t } = useTrans();\n</script>\n","<template>\n  <div class=\"w-full bg-background-base-opc50 shrink-0\">\n    <div\n      class=\"grid max-w-full mx-auto touch:md:flex lg:flex md:max-w-screen-lg touch:md:justify-around lg:justify-around sm:grid sm:grid-cols-2 gap-sm px-md md:px-sm py-sm\"\n    >\n      <div\n        v-for=\"(benefit, index) in itemsByLanguage[$languageCode]\"\n        :key=\"index\"\n        class=\"flex flex-row items-center text-lg\"\n      >\n        <FaIcon\n          :icon=\"benefit.icon\"\n          classes=\"fa-lg mr-xs fa-fw text-vdv-base\"\n        />\n        <p class=\"text-lg\">{{ t(benefit.title) }}</p>\n      </div>\n    </div>\n    <div class=\"w-full h-[8px] bg-vdv-alpha\" />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport type { IconData } from '~~/src/server/transformers/iconTransformer';\nimport FaIcon from '@/components/fa-icon.vue';\n\nconst { t } = useTrans();\n\ninterface footerItem {\n  id: string;\n  title: string;\n  icon: IconData;\n}\n\nconst footerItems: Record<string, footerItem> = {\n  articles: {\n    id: '1011',\n    title: 'checkoutSubView.footer.usp.articles',\n    icon: {\n      iconSet: 'fal-icons',\n      label: 'tooth',\n    },\n  },\n  shipment: {\n    id: '1022',\n    title: 'checkoutSubView.footer.usp.shipment',\n    icon: {\n      iconSet: 'fal-icons',\n      label: 'truck-fast',\n    },\n  },\n  payment: {\n    id: '1033',\n    title: 'checkoutSubView.footer.usp.payment',\n    icon: {\n      iconSet: 'fal-icons',\n      label: 'credit-card',\n    },\n  },\n  retour: {\n    id: '1044',\n    title: 'checkoutSubView.footer.usp.retour',\n    icon: {\n      iconSet: 'fal-icons',\n      label: 'arrow-rotate-left',\n    },\n  },\n};\n\nconst itemsByLanguage: Record<string, footerItem[]> = {\n  de: [\n    footerItems.articles,\n    footerItems.shipment,\n    footerItems.payment,\n    footerItems.retour,\n  ],\n  at: [\n    footerItems.articles,\n    footerItems.shipment,\n    footerItems.payment,\n    footerItems.retour,\n  ],\n  nl: [\n    footerItems.articles,\n    footerItems.shipment,\n    footerItems.payment,\n    footerItems.retour,\n  ],\n};\n</script>\n","<template>\n  <LayoutFrame>\n    <template #header>\n      <Header />\n    </template>\n    <template #content>\n      <SuspenseSlotWrapper>\n        <Suspense>\n          <ClientOnly>\n            <Toast />\n            <slot />\n            <template #fallback>\n              <div style=\"height: 75vh\" class=\"relative p-0 m-0 z-[509]\">\n                <LoaderPageContent show-instantly />\n              </div>\n            </template>\n          </ClientOnly>\n          <template #fallback>\n            <div style=\"height: 75vh\" class=\"relative p-0 m-0 z-[509]\">\n              <LoaderPageContent />\n            </div>\n          </template>\n        </Suspense>\n      </SuspenseSlotWrapper>\n    </template>\n    <template #footer>\n      <Benefits class=\"mt-xl touch:md:mt-0 lg:mt-0\" />\n      <Footer />\n    </template>\n  </LayoutFrame>\n</template>\n<script setup lang=\"ts\">\nimport LayoutFrame from '@/components/layout/LayoutFrame.vue';\nimport Header from '@/components/layout/returnsCheckoutSubView/header/vdv/header.vue';\nimport Footer from '@/components/layout/returnsCheckoutSubView/footer/vdv/footer.vue';\nimport Benefits from '~/components/layout/returnsCheckoutSubView/footer/vdv/benefits.vue';\nimport SuspenseSlotWrapper from '~~/src/components/suspenseSlotWrapper.vue';\nimport LoaderPageContent from '~~/src/components/loader/pageContent/vdv/page-content.vue';\nimport Toast from '~~/src/components/toast/toast.vue';\nimport { useAreaStore } from '@/stores/useArea';\nimport { useSessionStore } from '@/stores/useSessionStore';\nimport { useReturnCheckout } from '~/stores/useReturnCheckout';\n\nuseAreaStore().setDefaultArea();\nif (!useSessionStore().isLoggedIn) {\n  await navigateTo('/shop');\n}\n\n//Only reset store here if user didn't finish the return process\nonUnmounted(() => {\n  if (!useReturnCheckout().returnData?.returnCreationData?.returnId) {\n    useReturnCheckout().$reset();\n  }\n});\n</script>\n"],"names":["t","useTrans","footerItems","itemsByLanguage","useAreaStore","useSessionStore","__temp","__restore","_withAsyncContext","navigateTo","onUnmounted","_b","_a","useReturnCheckout"],"mappings":"24CA0CM,KAAA,CAAE,EAAAA,GAAMC,+2CCsCR,KAAA,CAAE,EAAAD,GAAMC,u9BCvDR,KAAA,CAAE,EAAAD,GAAMC,IAQRC,EAA0C,CAC9C,SAAU,CACR,GAAI,OACJ,MAAO,sCACP,KAAM,CACJ,QAAS,YACT,MAAO,OACT,CACF,EACA,SAAU,CACR,GAAI,OACJ,MAAO,sCACP,KAAM,CACJ,QAAS,YACT,MAAO,YACT,CACF,EACA,QAAS,CACP,GAAI,OACJ,MAAO,qCACP,KAAM,CACJ,QAAS,YACT,MAAO,aACT,CACF,EACA,OAAQ,CACN,GAAI,OACJ,MAAO,oCACP,KAAM,CACJ,QAAS,YACT,MAAO,mBACT,CACF,CAAA,EAGIC,EAAgD,CACpD,GAAI,CACFD,EAAY,SACZA,EAAY,SACZA,EAAY,QACZA,EAAY,MACd,EACA,GAAI,CACFA,EAAY,SACZA,EAAY,SACZA,EAAY,QACZA,EAAY,MACd,EACA,GAAI,CACFA,EAAY,SACZA,EAAY,SACZA,EAAY,QACZA,EAAY,MACd,CAAA,+cC3CF,OAAAE,EAAA,EAAe,iBACVC,EAAgB,EAAE,aACrB,CAAAC,EAAAC,CAAA,EAAAC,EAAA,IAAMC,EAAW,OAAO,CAAA,eAI1BC,EAAY,IAAM,UACXC,GAAAC,EAAAC,EAAoB,EAAA,aAApB,YAAAD,EAAgC,qBAAhC,MAAAD,EAAoD,UACvDE,EAAA,EAAoB,QACtB,CACD"}