{"version":3,"file":"BeUdp7QH.js","sources":["../../../../src/components/layout/returnsCheckoutSubView/header/minilu/header.vue","../../../../src/components/layout/returnsCheckoutSubView/footer/minilu/footer.vue","../../../../src/components/layout/returnsCheckoutSubView/footer/minilu/benefits.vue","../../../../src/layouts/miniluReturnCheckoutSubView.vue"],"sourcesContent":["<template>\n  <div class=\"relative top-0 left-0 right-0 bg-white shrink-0\">\n    <div class=\"max-w-screen 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-minilu-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 font-pero text-18\"\n            >\n              <span\n                class=\"anim__underline-link minilu-anim-link text-md md:text-lg\"\n              >\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              v-if=\"$languageCode === 'de'\"\n              src=\"~/assets/images/minilu/minilu-logo-de.svg\"\n              title=\"minilu logo\"\n              alt=\"minilu logo\"\n              class=\"sm:h-[32px] sm:w-[165px] sm:my-sm h-[16px] w-[83px] my-[23px]\"\n            />\n\n            <img\n              v-if=\"$languageCode === 'at'\"\n              src=\"~/assets/images/minilu/minilu-logo-at.svg\"\n              title=\"minilu logo\"\n              alt=\"minilu logo\"\n              class=\"h-[32px] w-[165px] my-sm\"\n            />\n\n            <img\n              v-if=\"$languageCode === 'nl'\"\n              src=\"~/assets/images/minilu/minilu-logo-nl.svg\"\n              title=\"minilu logo\"\n              alt=\"minilu logo\"\n              class=\"h-[32px] w-[165px] my-sm\"\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-minilu-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 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-md md:text-lg text-minilu-white\"\n        />\n      </div>\n      <div\n        :class=\"[\n          'flex flex-row items-center justify-center order-3',\n          'touch:md:justify-start touch:md:order-2',\n          'lg:justify-start lg:order-2',\n        ]\"\n      >\n        <img\n          title=\"minilu logo\"\n          alt=\"minilu logo\"\n          src=\"~/assets/images/minilu/footer-minilu.svg\"\n          class=\"h-[100px] md:h-[72px] touch:md:absolute lg:absolute bottom-0\"\n          loading=\"lazy\"\n        />\n        <div\n          class=\"ml-[5px] touch:md:ml-[100px] lg:ml-[100px] font-pero text-[22px] whitespace-nowrap\"\n        >\n          {{ t('footer.smallPrices') }}\n        </div>\n      </div>\n      <div\n        :class=\"[\n          'flex items-center h-full justify-self-center order-2 pb-sm text-lg 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 font-pero\"\n      >\n        <FaIcon\n          :icon=\"benefit.icon\"\n          classes=\"fa-lg mr-xs fa-fw text-minilu-base\"\n        />\n        <p class=\"text-lg font-pero\">{{ t(benefit.title) }}</p>\n      </div>\n    </div>\n    <div class=\"w-full h-[8px] bg-minilu-base-lighter\" />\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/minilu/header.vue';\nimport Footer from '@/components/layout/returnsCheckoutSubView/footer/minilu/footer.vue';\nimport Benefits from '~/components/layout/returnsCheckoutSubView/footer/minilu/benefits.vue';\nimport SuspenseSlotWrapper from '~~/src/components/suspenseSlotWrapper.vue';\nimport LoaderPageContent from '~~/src/components/loader/pageContent/minilu/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();\n\nonMounted(async () => {\n  if (!useSessionStore().isLoggedIn) {\n    await navigateTo('/shop');\n  }\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","onMounted","useSessionStore","navigateTo","onUnmounted","_b","_a","useReturnCheckout"],"mappings":"w/CAuDM,KAAA,CAAE,EAAAA,GAAMC,ghDCuBR,KAAA,CAAE,EAAAD,GAAMC,4+BCrDR,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,kdC3CF,OAAAE,EAAA,EAAe,iBAEfC,EAAU,SAAY,CACfC,EAAgB,EAAE,YACrB,MAAMC,EAAW,OAAO,CAC1B,CACD,EAGDC,EAAY,IAAM,UACXC,GAAAC,EAAAC,EAAoB,EAAA,aAApB,YAAAD,EAAgC,qBAAhC,MAAAD,EAAoD,UACvDE,EAAA,EAAoB,QACtB,CACD"}