{"version":3,"file":"BM-HTnTU.js","sources":["../../../../components/cart/CartEmpty.vue","../../../../pages/cart.vue"],"sourcesContent":["<template>\n  <div class=\"empty-cart\">\n    <Icon\n      name=\"material-symbols:shopping-bag-outline\"\n      size=\"48\"\n    />\n\n    <strong>{{ $t('cart.components.empty.cart_empty') }}</strong>\n    <NuxtLink\n      v-if=\"shopBaseUrl\"\n      :to=\"shopBaseUrl\"\n      class=\"button button--icon-left\"\n    >\n      <Icon name=\"material-symbols:shopping-bag-outline\" />\n      {{ $t('cart.components.form.buttons.go_shopping') }}\n    </NuxtLink>\n    <NuxtLink\n      v-if=\"shopBaseUrl\"\n      :to=\"`${shopBaseUrl}/customer/account`\"\n    >\n      {{ $t('cart.components.form.buttons.create_account_or_login') }}\n    </NuxtLink>\n  </div>\n</template>\n\n<script setup>\n  import { onMounted } from \"vue\";\n  const storeCode = useStoreCode();\n  const runtimeConfig = useRuntimeConfig();\n  const shopBaseUrl = useState('shopBaseUrl', () => null);\n\n  onMounted(() => {\n    if (runtimeConfig?.public?.SHOP?.BASE_URL && storeCode?.value) {\n      shopBaseUrl.value = runtimeConfig.public.SHOP.BASE_URL.replace('store_code', storeCode.value);\n    }\n  })\n</script>\n\n<style lang=\"scss\">\n  .empty-cart {\n    margin: 0 auto;\n    display: grid;\n    text-align: center;\n    grid-row-gap: 30px;\n    grid-column-end: span 2;\n\n    svg {\n      margin: 0 auto;\n    }\n\n    h1 {\n      margin: 30px 0 0;\n    }\n\n    h2 {\n      text-transform: uppercase;\n      font-family: 'heroic', sans-serif;\n      margin: 15px 0 30px;\n    }\n\n    img {\n      margin-bottom: 30px;\n    }\n\n    strong {\n      line-height: 1.5;\n      font-size: 1.2rem;\n    }\n\n    .button {\n      width: auto;\n      margin: 0 auto;\n      min-width: 220px;\n    }\n\n    a:not(.button) {\n      color: var(--primary, $primary);\n    }\n  }\n</style>\n","<template>\n  <section :class=\"{ 'cart--empty': shopBaseUrl && showEmptyCart }\" class=\"cart\">\n    <main>\n      <div v-if=\"cart?.items?.length\" class=\"cart__wrapper\">\n        <div class=\"cart__back\">\n          <NuxtLink v-if=\"shopBaseUrl\" :to=\"shopBaseUrl\">\n            <Icon name=\"material-symbols:arrow-back\"/>\n            {{ $t('cart.continue_shopping') }}\n          </NuxtLink>\n        </div>\n        \n        <CartActiveItem :item=\"activeBike\"/>\n        <div class=\"cart__items\">\n          <div class=\"cart__title\">\n            <h1>{{ $t('cart.title') }}</h1>\n          </div>\n          \n          <CartItem\n            v-for=\"item in cart.items\"\n            :key=\"item.uid\"\n            :item=\"item\"\n            @set-active-bike=\"setActiveBike\"\n          />\n        </div>\n      </div>\n      \n      <CartSummaryFloating v-if=\"cart?.items?.length\"/>\n      <CartEmpty v-if=\"showEmptyCart\"/>\n    </main>\n  </section>\n</template>\n\n<script setup>\nimport {computed, onMounted, ref, watch} from \"vue\";\n\ndefinePageMeta({layout: \"non-grid\"});\n\nconst cart = useCart();\nconst gtm = useGtm();\nconst storeCode = useStoreCode();\nconst runtimeConfig = useRuntimeConfig();\nconst shopBaseUrl = useState('shopBaseUrl', () => null);\nconst cookieData = useState('cookieData', () => useCookie(runtimeConfig?.public?.SHOP?.COOKIE_NAME)?.value || null);\n\nconst showEmptyCart = computed(() => !cookieData || cart?.value?.items?.length < 1);\nconst activeBike = ref(null);\n\nwatch(\n  () => cart.value?.items,\n  (items) => {\n    activeBike.value = items?.length ? items[0] : null;\n  },\n  {immediate: true}\n);\n\nonMounted(() => {\n  if (runtimeConfig?.public?.SHOP?.BASE_URL && storeCode?.value) {\n    shopBaseUrl.value = runtimeConfig.public.SHOP.BASE_URL.replace('store_code', storeCode.value);\n  }\n  \n  if (cart.value?.items?.length) {\n    gtm?.push({\n      event: 'view_cart',\n      ecommerce: {\n        currency: cart.value.prices?.grand_total?.currency || 'EUR',\n        value: cart.value.prices?.grand_total?.value || 0,\n        items: cart.value.items.map((item) => ({\n          item_id: item.product?.sku ?? '',\n          item_name: item.product?.name ?? '',\n          price: item.prices?.row_total_including_tax?.value ?? 0,\n          quantity: item.quantity ?? 1,\n        })),\n      },\n    });\n  }\n});\n\nfunction setActiveBike(updatedActiveItem) {\n  activeBike.value = cart.value?.items?.find(item => item.uid === updatedActiveItem.uid) || null;\n}\n\nwatch(\n  () => cart.value?.items,\n  (newItems, oldItems) => {\n    if (!oldItems) return;\n    \n    const addedItems = newItems.filter(newItem => !oldItems.some(oldItem => oldItem.uid === newItem.uid));\n    const removedItems = oldItems.filter(oldItem => !newItems.some(newItem => newItem.uid === oldItem.uid));\n    const quantityChanges = newItems.filter(newItem => {\n      const oldItem = oldItems.find(item => item.uid === newItem.uid);\n      return oldItem && oldItem.quantity !== newItem.quantity;\n    });\n\n    addedItems.forEach(addedItem => {\n      gtm?.push({\n        event: 'add_to_cart',\n        ecommerce: {\n          currency: addedItem.prices.row_total_including_tax.currency,\n          value: addedItem.prices.row_total_including_tax.value,\n          items: [{\n            item_id: addedItem.configured_variant ? addedItem.configured_variant.sku : addedItem.product.sku ?? '',\n            item_name: addedItem.product.name,\n            price: addedItem.prices.row_total_including_tax.value / addedItem.quantity,\n            quantity: addedItem.quantity,\n            variant: addedItem.value.configurable_options ? addedItem.value.configurable_options.map((option) => `${option.option_label}: ${option.value_label}`).join(', ') : '',\n          }],\n        },\n      });\n    });\n\n    removedItems.forEach(removedItem => {\n      gtm?.push({\n        event: 'remove_from_cart',\n        ecommerce: {\n          currency: removedItem.prices.row_total_including_tax.currency,\n          value: removedItem.prices.row_total_including_tax.value,\n          items: [{\n            item_id: removedItem.configured_variant ? removedItem.configured_variant.sku : removedItem.product.sku ?? '',\n            item_name: removedItem.product.name,\n            price: removedItem.prices.row_total_including_tax.value / removedItem.quantity,\n            quantity: removedItem.quantity,\n            variant: removedItem.configurable_options ? removedItem.configurable_options.map(option => `${option.option_label}: ${option.value_label}`).join(', ') : ''\n          }],\n        },\n      });\n    });\n\n    quantityChanges.forEach(changedItem => {\n      const oldItem = oldItems.find(item => item.uid === changedItem.uid);\n      const quantityDelta = changedItem.quantity - oldItem.quantity;\n      const eventName = quantityDelta > 0 ? 'add_to_cart' : 'remove_from_cart';\n      const absoluteQuantityDelta = Math.abs(quantityDelta);\n\n      gtm?.push({\n        event: eventName,\n        ecommerce: {\n          currency: changedItem.prices.row_total_including_tax.currency,\n          value: (changedItem.prices.row_total_including_tax.value / changedItem.quantity) * absoluteQuantityDelta,\n          items: [{\n            item_id: changedItem.configured_variant ? changedItem.configured_variant.sku : changedItem.product.sku ?? '',\n            item_name: changedItem.product.name,\n            price: changedItem.prices.row_total_including_tax.value / changedItem.quantity,\n            quantity: absoluteQuantityDelta,\n            variant: changedItem.configurable_options ? changedItem.configurable_options.map(option => `${option.option_label}: ${option.value_label}`).join(', ') : ''\n          }]\n        }\n      });\n    });\n  },\n  {deep: true}\n);\n</script>\n\n<style lang=\"scss\" scoped>\n.cart {\n  flex: 1;\n  padding: 60px 30px;\n  background: var(--body-bg-alt, $white);\n  \n  @include min-screen('medium') {\n    padding: 60px 60px 180px;\n  }\n  \n  &__back {\n    margin-bottom: 15px;\n    grid-column-end: span 2;\n    \n    @include min-screen('medium') {\n      margin-bottom: auto;\n      padding-bottom: 60px;\n    }\n    \n    a {\n      display: inline-flex;\n      align-items: center;\n      color: currentColor;\n      text-decoration: none;\n    }\n    \n    svg {\n      margin-right: 10px;\n      transition: all 150ms ease;\n    }\n    \n    &:hover {\n      svg {\n        transform: translateX(-3px);\n      }\n    }\n  }\n  \n  &--empty {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding-bottom: 0;\n    \n    main {\n      padding-bottom: 0;\n    }\n  }\n  \n  main {\n    padding-left: 0;\n    padding-right: 0;\n    padding-top: 15px;\n    \n    @include min-screen('medium') {\n      padding-top: 60px;\n    }\n  }\n  \n  &__title {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 20px;\n    \n    @include min-screen('medium') {\n      padding: 0 0 50px;\n    }\n  }\n  \n  &__wrapper {\n    margin-bottom: auto;\n    \n    @include min-screen('large') {\n      display: grid;\n      grid-column-gap: 100px;\n      align-items: center;\n      grid-template-columns: 1fr 2fr;\n    }\n  }\n  \n  &__holiday-notice {\n    gap: 5px;\n    display: grid;\n    align-items: center;\n    justify-content: center;\n    grid-template-columns: 30px 1fr;\n    padding: 12px;\n    border-radius: 3px;\n    text-align: center;\n    color: var(--info-text);\n    border: 1px solid var(--info-border);\n    background: var(--info-bg);\n    margin: 0 0 50px;\n    font-weight: normal;\n    \n    @include min-screen('medium') {\n      margin-top: -50px;\n    }\n  }\n  \n  &__items {\n    padding-bottom: 50px;\n    \n    @include min-screen('large') {\n      padding-bottom: 0;\n    }\n  }\n}\n</style>\n"],"names":["storeCode","useStoreCode","runtimeConfig","useRuntimeConfig","shopBaseUrl","useState","onMounted","_b","_a","cart","useCart","gtm","useGtm","cookieData","_c","useCookie","showEmptyCart","computed","activeBike","ref","watch","items","_d","_f","_e","_h","_g","item","setActiveBike","updatedActiveItem","newItems","oldItems","addedItems","newItem","oldItem","removedItems","quantityChanges","addedItem","option","removedItem","changedItem","quantityDelta","eventName","absoluteQuantityDelta"],"mappings":"q+BA2BE,MAAMA,EAAYC,EAAc,EAC1BC,EAAgBC,EAAkB,EAClCC,EAAcC,EAAS,cAAe,IAAM,IAAI,EAEtD,OAAAC,EAAU,IAAM,UACVC,GAAAC,EAAAN,GAAA,YAAAA,EAAe,SAAf,YAAAM,EAAuB,OAAvB,MAAAD,EAA6B,WAAYP,GAAA,MAAAA,EAAW,SACtDI,EAAY,MAAQF,EAAc,OAAO,KAAK,SAAS,QAAQ,aAAcF,EAAU,KAAK,EAE/F,CAAA,srBCEH,MAAMS,EAAOC,EAAS,EAChBC,EAAMC,EAAQ,EACdZ,EAAYC,EAAc,EAC1BC,EAAgBC,EAAkB,EAClCC,EAAcC,EAAS,cAAe,IAAM,IAAI,EAChDQ,EAAaR,EAAS,aAAc,IAAA,WAAM,QAAAS,EAAAC,GAAUR,GAAAC,EAAAN,GAAA,YAAAA,EAAe,SAAf,YAAAM,EAAuB,OAAvB,YAAAD,EAA6B,WAAW,IAAlD,YAAAO,EAAqD,QAAS,KAAI,EAE5GE,EAAgBC,EAAS,IAAA,SAAM,OAACJ,KAAcN,GAAAC,EAAAC,GAAA,YAAAA,EAAM,QAAN,YAAAD,EAAa,QAAb,YAAAD,EAAoB,QAAS,EAAC,EAC5EW,EAAaC,EAAI,IAAI,EAE3BC,EACE,IAAM,OAAA,OAAAZ,EAAAC,EAAK,QAAL,YAAAD,EAAY,OACjBa,GAAU,CACTH,EAAW,MAAQG,GAAA,MAAAA,EAAO,OAASA,EAAM,CAAC,EAAI,IAC/C,EACD,CAAC,UAAW,EAAI,CAClB,EAEAf,EAAU,IAAM,sBACVC,GAAAC,EAAAN,GAAA,YAAAA,EAAe,SAAf,YAAAM,EAAuB,OAAvB,MAAAD,EAA6B,WAAYP,GAAA,MAAAA,EAAW,SACtDI,EAAY,MAAQF,EAAc,OAAO,KAAK,SAAS,QAAQ,aAAcF,EAAU,KAAK,IAG1FsB,GAAAR,EAAAL,EAAK,QAAL,YAAAK,EAAY,QAAZ,MAAAQ,EAAmB,SACrBX,GAAA,MAAAA,EAAK,KAAK,CACR,MAAO,YACP,UAAW,CACT,WAAUY,GAAAC,EAAAf,EAAK,MAAM,SAAX,YAAAe,EAAmB,cAAnB,YAAAD,EAAgC,WAAY,MACtD,QAAOE,GAAAC,EAAAjB,EAAK,MAAM,SAAX,YAAAiB,EAAmB,cAAnB,YAAAD,EAAgC,QAAS,EAChD,MAAOhB,EAAK,MAAM,MAAM,IAAKkB,GAAU,aAAA,OACrC,UAASnB,EAAAmB,EAAK,UAAL,YAAAnB,EAAc,MAAO,GAC9B,YAAWD,EAAAoB,EAAK,UAAL,YAAApB,EAAc,OAAQ,GACjC,QAAOe,GAAAR,EAAAa,EAAK,SAAL,YAAAb,EAAa,0BAAb,YAAAQ,EAAsC,QAAS,EACtD,SAAUK,EAAK,UAAY,CACrC,EAAU,CACH,CACP,GAEA,CAAC,EAED,SAASC,EAAcC,EAAmB,SACxCX,EAAW,QAAQX,GAAAC,EAAAC,EAAK,QAAL,YAAAD,EAAY,QAAZ,YAAAD,EAAmB,KAAKoB,GAAQA,EAAK,MAAQE,EAAkB,OAAQ,IAC5F,CAEA,OAAAT,EACE,IAAM,OAAA,OAAAZ,EAAAC,EAAK,QAAL,YAAAD,EAAY,OAClB,CAACsB,EAAUC,IAAa,CACtB,GAAI,CAACA,EAAU,OAEf,MAAMC,EAAaF,EAAS,OAAOG,GAAW,CAACF,EAAS,KAAKG,GAAWA,EAAQ,MAAQD,EAAQ,GAAG,CAAC,EAC9FE,EAAeJ,EAAS,OAAOG,GAAW,CAACJ,EAAS,KAAKG,GAAWA,EAAQ,MAAQC,EAAQ,GAAG,CAAC,EAChGE,EAAkBN,EAAS,OAAOG,GAAW,CACjD,MAAMC,EAAUH,EAAS,KAAKJ,GAAQA,EAAK,MAAQM,EAAQ,GAAG,EAC9D,OAAOC,GAAWA,EAAQ,WAAaD,EAAQ,QACrD,CAAK,EAEDD,EAAW,QAAQK,GAAa,CAC9B1B,GAAA,MAAAA,EAAK,KAAK,CACR,MAAO,cACP,UAAW,CACT,SAAU0B,EAAU,OAAO,wBAAwB,SACnD,MAAOA,EAAU,OAAO,wBAAwB,MAChD,MAAO,CAAC,CACN,QAASA,EAAU,mBAAqBA,EAAU,mBAAmB,IAAMA,EAAU,QAAQ,KAAO,GACpG,UAAWA,EAAU,QAAQ,KAC7B,MAAOA,EAAU,OAAO,wBAAwB,MAAQA,EAAU,SAClE,SAAUA,EAAU,SACpB,QAASA,EAAU,MAAM,qBAAuBA,EAAU,MAAM,qBAAqB,IAAKC,GAAW,GAAGA,EAAO,YAAY,KAAKA,EAAO,WAAW,EAAE,EAAE,KAAK,IAAI,EAAI,EAC/K,CAAW,CACF,CACT,EACA,CAAK,EAEDH,EAAa,QAAQI,GAAe,CAClC5B,GAAA,MAAAA,EAAK,KAAK,CACR,MAAO,mBACP,UAAW,CACT,SAAU4B,EAAY,OAAO,wBAAwB,SACrD,MAAOA,EAAY,OAAO,wBAAwB,MAClD,MAAO,CAAC,CACN,QAASA,EAAY,mBAAqBA,EAAY,mBAAmB,IAAMA,EAAY,QAAQ,KAAO,GAC1G,UAAWA,EAAY,QAAQ,KAC/B,MAAOA,EAAY,OAAO,wBAAwB,MAAQA,EAAY,SACtE,SAAUA,EAAY,SACtB,QAASA,EAAY,qBAAuBA,EAAY,qBAAqB,IAAID,GAAU,GAAGA,EAAO,YAAY,KAAKA,EAAO,WAAW,EAAE,EAAE,KAAK,IAAI,EAAI,EACrK,CAAW,CACF,CACT,EACA,CAAK,EAEDF,EAAgB,QAAQI,GAAe,CACrC,MAAMN,EAAUH,EAAS,KAAKJ,GAAQA,EAAK,MAAQa,EAAY,GAAG,EAC5DC,EAAgBD,EAAY,SAAWN,EAAQ,SAC/CQ,EAAYD,EAAgB,EAAI,cAAgB,mBAChDE,EAAwB,KAAK,IAAIF,CAAa,EAEpD9B,GAAA,MAAAA,EAAK,KAAK,CACR,MAAO+B,EACP,UAAW,CACT,SAAUF,EAAY,OAAO,wBAAwB,SACrD,MAAQA,EAAY,OAAO,wBAAwB,MAAQA,EAAY,SAAYG,EACnF,MAAO,CAAC,CACN,QAASH,EAAY,mBAAqBA,EAAY,mBAAmB,IAAMA,EAAY,QAAQ,KAAO,GAC1G,UAAWA,EAAY,QAAQ,KAC/B,MAAOA,EAAY,OAAO,wBAAwB,MAAQA,EAAY,SACtE,SAAUG,EACV,QAASH,EAAY,qBAAuBA,EAAY,qBAAqB,IAAIF,GAAU,GAAGA,EAAO,YAAY,KAAKA,EAAO,WAAW,EAAE,EAAE,KAAK,IAAI,EAAI,EAC1J,CAAA,CACX,CACA,EACA,CAAK,CACF,EACD,CAAC,KAAM,EAAI,CACb"}