{"version":3,"file":"BasketMenuSection.vue_vue_type_script_setup_true_lang-CAXIu4QS.js","sources":["../../src/components/BasketSummary.vue","../../src/components/BaseBasketProduct.vue","../../src/components/ProductWithVoucher.vue","../../src/utils/voucher.ts","../../src/components/BasketMenuSection.vue"],"sourcesContent":["<template>\n  <div>\n    <slot name=\"voucher-input\" />\n    <div class=\"py-2 border-t border-t-dark-linen\">\n      <div class=\"flex items-baseline justify-between pb-1\">\n        <div class=\"font-semibold\" :class=\"{ 'text-off-black': dividerBeforeTotal }\">Subtotal</div>\n        <div class=\"font-semibold text-off-black\" cy-data=\"subtotal-price\" aria-label=\"Subtotal\">\n          {{ subTotal }}\n        </div>\n      </div>\n      <slot name=\"discounts\"></slot>\n      <div class=\"flex flex-col py-1\">\n        <div class=\"flex items-baseline justify-between\">\n          <div class=\"flex flex-col\">\n            <div class=\"font-semibold\" :class=\"{ 'text-off-black': dividerBeforeTotal }\">\n              Delivery fee\n            </div>\n            <div v-if=\"!hideShippingInfo || !slots.deliveryFees\" class=\"text-xs text-brand-green\">\n              Order by 5PM for next day delivery {{ delivery }}\n            </div>\n          </div>\n          <div\n            v-if=\"!delivery && !isEmpty\"\n            class=\"font-semibold uppercase text-primary-green\"\n            aria-label=\"Delivery fee\"\n          >\n            FREE\n          </div>\n          <div\n            v-else-if=\"!isEmpty\"\n            class=\"font-semibold uppercase text-off-black\"\n            aria-label=\"Delivery fee\"\n          >\n            {{ delivery }}\n          </div>\n        </div>\n        <slot name=\"deliveryFees\" />\n      </div>\n      <div\n        v-if=\"!hideTotal && total\"\n        class=\"flex items-baseline justify-between\"\n        :class=\"{\n          'border-t border-dark-linen pt-2 mt-2': dividerBeforeTotal,\n          'py-1': !dividerBeforeTotal,\n        }\"\n      >\n        <div class=\"font-semibold\">TOTAL</div>\n        <div class=\"font-semibold text-off-black\" cy-data=\"total-price\" aria-label=\"Total\">\n          {{ total }}\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\n  interface Props {\n    subTotal: string;\n    total?: string;\n    hideShippingInfo?: boolean;\n    delivery?: string;\n    remainingAmountForFreeDelivery?: number;\n    hideExtraDeliveryFee?: boolean;\n    isEmpty?: boolean;\n    hideTotal?: boolean;\n    dividerBeforeTotal?: boolean;\n  }\n\n  withDefaults(defineProps<Props>(), {\n    total: '',\n    delivery: '',\n    remainingAmountForFreeDelivery: 0,\n  });\n\n  const slots = useSlots();\n</script>\n","<template>\n  <div>\n    <div class=\"flex items-start justify-between\">\n      <div class=\"flex items-start justify-between w-full\">\n        <div class=\"flex flex-col\">\n          <p class=\"font-normal tracking-[0.2px] text-off-black\">{{ product.attributes.title }}</p>\n          <div v-if=\"product.attributes.isDouble\" class=\"flex items-center text-sm text-brown-grey\">\n            <UsersIcon class=\"mr-1 size-4\" />\n            <span class=\"flex items-center text-sm tracking-[0.2px] text-brown-grey\">\n              Double portion (serves 2)\n            </span>\n          </div>\n        </div>\n        <div\n          v-if=\"!editable\"\n          class=\"flex items-start justify-between w-2/5 shrink-0 grow-0 text-off-black\"\n        >\n          <div class=\"ml-3\">x{{ product.attributes.quantity }}</div>\n          <div class=\"flex flex-col\">\n            <div class=\"font-semibold text-off-black\">\n              {{ money.getPriceInPounds(product) }}\n            </div>\n            <div v-if=\"hasDiscount\" class=\"text-xs text-right line-through\">\n              {{ fullPrice }}\n            </div>\n          </div>\n        </div>\n      </div>\n      <div v-if=\"editable\" class=\"flex items-start justify-between w-2/5 shrink-0 grow-0\">\n        <div class=\"flex items-center justify-center w-full\">\n          <button @click=\"$emit('decrement', product)\">\n            <MinusSmIcon\n              class=\"bg-white border rounded-full size-5 border-dark-linen text-burnt-sienna\"\n            />\n          </button>\n          <div class=\"mx-2 font-semibold\">{{ product.attributes.quantity }}</div>\n          <button v-if=\"isVariantAvailable\" @click=\"$emit('increment', product)\">\n            <PlusSmIcon\n              class=\"bg-white border rounded-full size-5 border-dark-linen text-burnt-sienna\"\n            />\n          </button>\n        </div>\n        <div class=\"flex flex-col ml-4\">\n          <div class=\"font-semibold text-off-black\">\n            {{ money.getPriceInPounds(product) }}\n          </div>\n          <div v-if=\"hasDiscount\" class=\"text-xs text-right line-through\">\n            {{ fullPrice }}\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\n  import { computed } from 'vue';\n  import * as money from '@/utils/money';\n  import useWeeklyMenuStore from '@/stores/weeklyMenusStore';\n  import { UsersIcon } from '@heroicons/vue/solid';\n  import { PlusSmIcon, MinusSmIcon } from '@heroicons/vue/outline';\n  import { BasketItem } from '@/model';\n\n  interface Props {\n    product: BasketItem;\n    editable: boolean;\n  }\n  interface Emits {\n    (event: 'increment', product: BasketItem): void;\n    (event: 'decrement', product: BasketItem): void;\n  }\n\n  const props = defineProps<Props>();\n  defineEmits<Emits>();\n\n  const weeklyMenusStore = useWeeklyMenuStore();\n  const fullPrice = computed(() => {\n    return money.formatToString({\n      price: parseFloat(props.product.attributes.price) * props.product.attributes.quantity,\n    });\n  });\n\n  const hasDiscount = computed(() => Boolean(parseFloat(props.product.attributes.discount)));\n\n  const isVariantAvailable = computed(() => {\n    return weeklyMenusStore.productVariants?.[props.product.attributes.productVariantExtId || '']\n      ?.availableForSale;\n  });\n</script>\n","<template>\n  <div :class=\"{ 'py-2': shortPadding, 'py-3': !shortPadding }\">\n    <BaseBasketProduct\n      :product=\"product\"\n      :editable=\"Boolean(!product.attributes.isAddon && editable)\"\n      @decrement=\"$emit('decrement', $event)\"\n      @increment=\"$emit('increment', $event)\"\n    />\n    <template v-if=\"hasDiscount && voucher\">\n      <p\n        v-if=\"voucher.attributes.type === 'AddonVoucher'\"\n        class=\"mt-1 text-xs font-semibold text-primary-green\"\n      >\n        You get this item free with\n        {{ voucher?.attributes.code }}\n      </p>\n      <p v-else class=\"mt-1 text-xs font-semibold text-primary-green\">\n        You get {{ formatToString({ price: product.attributes.discount }) }} off this item with\n        {{ voucher.attributes.code }}\n      </p>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\n  import { BasketItem, BasketVoucher } from '@/model';\n  import { formatToString } from '@/utils/money';\n\n  interface Props {\n    product: BasketItem;\n    editable?: boolean;\n    voucherRemoval?: boolean;\n    voucher?: BasketVoucher;\n    shortPadding?: boolean;\n  }\n\n  interface Emits {\n    (e: 'increment', product: BasketItem): void;\n    (e: 'decrement', product: BasketItem): void;\n  }\n\n  const props = defineProps<Props>();\n  defineEmits<Emits>();\n\n  const voucherError = ref('');\n\n  const hasDiscount = computed(() => parseFloat(props.product.attributes.discount));\n\n  watch(voucherError, newVal => {\n    if (newVal) {\n      setTimeout(() => {\n        voucherError.value = '';\n      }, 2500);\n    }\n  });\n</script>\n","import { ObjectToCamel } from '@pasta-evangelists/pasta-types';\nimport { VoucherObject } from '@/api/pensa';\nimport { CustomerVoucher } from '@/model';\n\nexport const discountType = (\n  voucher: ObjectToCamel<VoucherObject> | CustomerVoucher['voucher']\n) => {\n  if (voucher.attributes.value) {\n    const value = parseFloat(voucher.attributes.value);\n    const formattedValue = value % 1 === 0 ? parseInt(voucher.attributes.value) : value.toFixed(2);\n\n    switch (voucher.attributes.valueType) {\n      case 'fixed_amount':\n        return `£${formattedValue} Discount`;\n      case 'percentage':\n        return `${formattedValue}% Discount`;\n    }\n  }\n  return 'Free Gift';\n};\n\nexport const comboDiscountType = (voucher: ObjectToCamel<VoucherObject>) => {\n  const priceDiscountText = discountType(voucher);\n\n  return voucher.attributes.type === 'AddonVoucher' && voucher.attributes.value\n    ? priceDiscountText + ' & Free Gift'\n    : priceDiscountText;\n};\n","<template>\n  <div>\n    <slot name=\"campaign\" :menu=\"menu\"></slot>\n    <slot name=\"error\" :menu=\"menu\"></slot>\n    <div\n      v-if=\"!products.length\"\n      class=\"flex flex-col items-center justify-center px-6 mt-8 mb-6 text-brown-grey\"\n    >\n      <ShoppingBagIcon class=\"size-12\" />\n      <div class=\"text-brown-grey\">Your basket is empty</div>\n    </div>\n    <div class=\"px-6 py-2\">\n      <ProductWithVoucher\n        v-for=\"product in products\"\n        :key=\"product.id\"\n        :product=\"product\"\n        :editable=\"editProducts\"\n        :voucher-removal=\"voucherRemoval\"\n        :voucher=\"voucher\"\n        :short-padding=\"shortPaddingOnProducts\"\n        @increment=\"handleIncrement\"\n        @decrement=\"handleDecrement\"\n      >\n        <slot name=\"voucher-input\"></slot>\n        <template #delete-voucher>\n          <slot name=\"delete-voucher\"></slot>\n        </template>\n      </ProductWithVoucher>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\n  import { BasketItem, BasketVoucher } from '@/model';\n  import { trackCustomEvent } from '@/utils/analytics';\n  import { ShoppingBagIcon } from '@heroicons/vue/outline';\n\n  interface Emits {\n    (e: 'increment', product: BasketItem): void;\n    (e: 'decrement', product: BasketItem): void;\n  }\n\n  interface Props {\n    menu: string;\n    products: BasketItem[];\n    editProducts?: boolean;\n    voucherRemoval?: boolean;\n    voucher?: BasketVoucher;\n    hideMenuTab?: boolean;\n    hideSuggestions?: boolean;\n    shortPaddingOnProducts?: boolean;\n  }\n\n  withDefaults(defineProps<Props>(), {\n    voucher: undefined,\n  });\n  const emit = defineEmits<Emits>();\n\n  const handleIncrement = (product: BasketItem) => {\n    emit('increment', product);\n    trackCustomEvent('incrementItemQuantity', {\n      eventFiredFrom: 'basket',\n    });\n  };\n\n  const handleDecrement = (product: BasketItem) => {\n    emit('decrement', product);\n    trackCustomEvent('decrementItemQuantity', {\n      eventFiredFrom: 'basket',\n    });\n  };\n</script>\n"],"names":["slots","useSlots","props","__props","weeklyMenusStore","useWeeklyMenuStore","fullPrice","computed","money.formatToString","price","parseFloat","product","attributes","quantity","hasDiscount","Boolean","discount","isVariantAvailable","_b","_a","productVariants","productVariantExtId","availableForSale","voucherError","ref","watch","newVal","setTimeout","value","discountType","voucher","formattedValue","parseInt","toFixed","valueType","concat","emit","__emit","handleIncrement","trackCustomEvent","eventFiredFrom","handleDecrement"],"mappings":"4nCA0EE,MAAMA,EAAQC,0tDCFd,MAAMC,EAAQC,EAGRC,EAAmBC,IACnBC,EAAYC,GAAS,IAClBC,EAAqB,CAC1BC,MAAOC,WAAWR,EAAMS,QAAQC,WAAWH,OAASP,EAAMS,QAAQC,WAAWC,aAI3EC,EAAcP,GAAS,IAAMQ,QAAQL,WAAWR,EAAMS,QAAQC,WAAWI,aAEzEC,EAAqBV,GAAS,aAC3B,OAAA,OAAAW,EAAA,OAAAC,EAAAf,EAAiBgB,sBAAkB,EAAAD,EAAAjB,EAAMS,QAAQC,WAAWS,qBAAuB,UACtF,EAAAH,EAAAI,gBAAA,w1CC7CN,MAAMpB,EAAQC,EAGRoB,EAAeC,EAAI,IAEnBV,EAAcP,GAAS,IAAMG,WAAWR,EAAMS,QAAQC,WAAWI,mBAEjES,EAAAF,GAAwBG,IACxBA,GACFC,YAAW,KACTJ,EAAaK,MAAQ,EAAA,GACpB,KAAI,0oBChDAC,GACXC,IAEI,GAAAA,EAAQlB,WAAWgB,MAAO,CAC5B,MAAMA,EAAQlB,WAAWoB,EAAQlB,WAAWgB,OACtCG,EAAiBH,EAAQ,GAAM,EAAII,SAASF,EAAQlB,WAAWgB,OAASA,EAAMK,QAAQ,GAEpF,OAAAH,EAAQlB,WAAWsB,WACzB,IAAK,eACH,MAAO,IAAIC,OAAcJ,EAAA,aAC3B,IAAK,aACH,MAAO,GAAGI,OAAcJ,EAAA,cAC5B,CAEK,MAAA,WAAA,uZCsCP,MAAMK,EAAOC,EAEPC,EAAmB3B,IACvByB,EAAK,YAAazB,GAClB4B,EAAiB,wBAAyB,CACxCC,eAAgB,UACjB,EAGGC,EAAmB9B,IACvByB,EAAK,YAAazB,GAClB4B,EAAiB,wBAAyB,CACxCC,eAAgB,UACjB"}