{"version":3,"file":"ProductsPage-B1cGutnK.js","sources":["../../src/components/RecipeKitsAvailable.vue","../../src/components/ProductBoxAddressModal.vue","../../src/components/RKVoucherModalProduct.vue","../../src/components/RKVoucherLineItemModal.vue","../../src/components/AddonRecomendationServerMutation.vue","../../src/components/DeliveryFrequencyReassurance.vue","../../src/components/DeliveryFrequencyModalOrderTypeSubscription.vue","../../src/components/DeliveryFrequencyModalOrderTypeSelector.vue","../../src/components/DeliveryFrequencyModal.vue","../../src/components/NotAvailableProductsModal.vue","../../node_modules/dayjs/plugin/isSameOrAfter.js","../../src/components/RkChangeDeliveryDetailsModal.vue","../../src/components/RkMenuBannerContent.vue","../../src/components/RkMenuBanner.vue","../../src/views/ProductsPage.vue"],"sourcesContent":["<template>\n  <BaseModal\n    :is-open=\"isOpen\"\n    class=\"rounded-none sm:rounded-none bg-sandstone\"\n    @update:is-open=\"close\"\n  >\n    <template #closeBtn>\n      <div />\n      <button\n        class=\"flex items-center self-end justify-center p-2 rounded-full bg-linen\"\n        @click=\"close\"\n      >\n        <XIcon class=\"size-4 text-terracota-dark\" />\n      </button>\n    </template>\n    <template #default>\n      <div class=\"px-2 lg:px-6\">\n        <div class=\"text-3xl text-center font-brand text-terracota-dark\">\n          Great news - we deliver Recipe Kits in your area!\n        </div>\n        <p class=\"mt-2 text-center text-burnt-sienna\">\n          Takeaway isn't yet available to your address, but we're working on it!\n        </p>\n        <div class=\"flex flex-col items-center mt-6\">\n          <button class=\"primary-cta\" @click=\"goToRecipeKits\">View the menu</button>\n          <button class=\"mt-6 underline text-terracota-dark\" @click=\"goToAddressSearch\">\n            Or check a different address\n          </button>\n        </div>\n      </div>\n    </template>\n  </BaseModal>\n</template>\n\n<script setup lang=\"ts\">\n  import { XIcon } from '@heroicons/vue/solid';\n  import { useRouter } from 'vue-router';\n\n  interface Props {\n    isOpen: boolean;\n  }\n\n  interface Emits {\n    (e: 'update:isOpen', value: boolean): void;\n  }\n\n  defineProps<Props>();\n  const emits = defineEmits<Emits>();\n\n  const router = useRouter();\n\n  const goToAddressSearch = () => {\n    router.push({ name: 'pasta-now-search-address' });\n    close();\n  };\n\n  const goToRecipeKits = () => {\n    close();\n  };\n\n  const close = () => {\n    emits('update:isOpen', false);\n  };\n</script>\n","<template>\n  <BaseModal :is-open=\"isOpen\" hide-close-button>\n    <div class=\"h-[25rem]\">\n      <h1 class=\"mb-4 text-xl text-center font-brand\">\n        Where would you like your pasta delivered?\n      </h1>\n      <AddressSearch class=\"w-full\" @suggestion-press=\"handleAddressClick\" />\n      <p class=\"mt-4 text-lg text-center\">\n        We'll check what dishes and delivery dates are available in your area!\n      </p>\n      <div class=\"flex justify-center\">\n        <div class=\"max-w-[200px] pt-6 w-full\">\n          <ShopifyImage\n            src=\"https://cdn.shopify.com/s/files/1/1725/5449/files/Triangoli.png?v=1659601424\"\n            :size=\"200\"\n            :alt=\"'Triangoli'\"\n            :loading=\"'lazy'\"\n          />\n        </div>\n      </div>\n    </div>\n  </BaseModal>\n</template>\n\n<script lang=\"ts\" setup>\n  import useUpdateRecipeKitBasket from '@/api/mutations/pensa/updateRecipeKitBasket';\n  import { ManualAddressInputPayload } from '@/components/BaseAddressInputs.vue';\n  import { Address } from '@/stores/addressStore';\n  import useBasketStore from '@/stores/basketStore';\n  import { trackCustomEvent } from '@/utils/analytics';\n\n  interface Props {\n    isOpen: boolean;\n  }\n\n  interface Emits {\n    (e: 'update:isOpen', value: boolean): void;\n    (e: 'addressEntered'): void;\n  }\n\n  const props = defineProps<Props>();\n  const emit = defineEmits<Emits>();\n\n  const updateBasketMutation = useUpdateRecipeKitBasket();\n  const basketStore = useBasketStore();\n\n  const handleAddressClick = (address: Address | ManualAddressInputPayload) => {\n    updateBasketMutation.mutate({\n      id: basketStore.basketKey!,\n      params: {\n        address: address,\n      },\n    });\n    emit('update:isOpen', false);\n    nextTick(() => emit('addressEntered'));\n  };\n\n  watch(props, newValue => {\n    if (newValue.isOpen) {\n      trackCustomEvent('menu-address-modal-open');\n    }\n  });\n</script>\n","<template>\n  <div\n    v-if=\"product\"\n    class=\"relative flex justify-between p-4 space-x-4 bg-light-linen border-x md:border-x-0 border-b border-dark-linen rounded-[1px] w-full md:min-w-96\"\n  >\n    <div class=\"w-full h-20 max-w-28\">\n      <img :src=\"image\" class=\"object-cover size-full\" :alt=\"product.title\" />\n    </div>\n    <div class=\"flex flex-col justify-between w-2/3 min-h-full text-left\">\n      <p class=\"text-left\">\n        {{ product.title }}\n        <span v-if=\"product.isDouble\" class=\"text-sm text-brown-grey\">(Double Portion)</span>\n      </p>\n      <div v-if=\"!hideAddButton\" class=\"flex items-center justify-between w-full space-x-4\">\n        <div class=\"text-sm font-semibold\">\n          {{ formatToString({ price: product.price }) }}\n        </div>\n        <div v-if=\"allowsMultiple\" class=\"flex space-x-1\">\n          <template v-if=\"basketQuantity\">\n            <button\n              id=\"voucher_line_item_decrease_quantity\"\n              class=\"flex items-center justify-center p-1 bg-white border rounded-full text-burnt-sienna border-dark-linen\"\n              @click=\"handleQuantityDecrease\"\n            >\n              <MinusIcon class=\"size-4\" />\n            </button>\n            <div class=\"px-1 font-semibold text-off-black\">{{ basketQuantity }}</div>\n          </template>\n          <button\n            id=\"voucher_line_item_increase_quantity\"\n            :disabled=\"addButtonDisabled || isAddingToBasket\"\n            class=\"flex items-center justify-center p-1 bg-white border rounded-full border-dark-linen\"\n            :class=\"{\n              ' text-burnt-sienna ': !addButtonDisabled,\n              ' text-dark-linen cursor-default': addButtonDisabled,\n            }\"\n            @click=\"handleIncreaseQuantity\"\n          >\n            <BaseLoadingIcon v-if=\"isAddingToBasket\" class=\"size-4\" />\n            <PlusIcon v-else class=\"size-4\" />\n          </button>\n        </div>\n        <button\n          v-else\n          id=\"voucher_line_item_add\"\n          :disabled=\"addButtonDisabled\"\n          class=\"flex items-center px-2 py-1 justify-center min-w-[40px] rounded-[1px]\"\n          :class=\"{\n            'text-white bg-primary-green hover:bg-cavolo-green': !addButtonDisabled,\n            'bg-dusky-grey text-brown-grey cursor-default': addButtonDisabled,\n          }\"\n          @click=\"handleAddToBasket\"\n        >\n          <BaseLoadingIcon v-if=\"isAddingToBasket\" class=\"size-4\" />\n          <span v-else class=\"text-xs\">Add</span>\n        </button>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { formatToString } from '@/utils/money';\n  import { MinusIcon, PlusIcon } from '@heroicons/vue/solid';\n  import { ProductVariantWithTitle } from '@/types/basket';\n  import useBasketStore from '@/stores/basketStore';\n  import { SELECTED_MENU } from '@/constants/injections';\n  import useWeeklyMenuStore from '@/stores/weeklyMenusStore';\n\n  interface Props {\n    product: ProductVariantWithTitle;\n    hideAddButton?: boolean;\n    allowsMultiple?: boolean;\n    addButtonDisabled?: boolean;\n  }\n\n  interface Emits {\n    (event: 'productAdded', product: ProductVariantWithTitle): void;\n  }\n\n  const props = defineProps<Props>();\n  const emits = defineEmits<Emits>();\n\n  const basketStore = useBasketStore();\n  const weeklyMenuStore = useWeeklyMenuStore();\n\n  const selectedWeek = inject(SELECTED_MENU);\n\n  const isAddingToBasket = ref(false);\n\n  const basketItemId = computed(() => {\n    return (\n      basketStore.getProductBasketId({\n        variantId: Number(props.product.id),\n      }) ?? ''\n    );\n  });\n\n  const basketQuantity = computed(() => {\n    if (\n      !basketStore.basketKey ||\n      !basketStore.normalizedBasket ||\n      !basketStore.normalizedBasket.basketItem\n    )\n      return 0;\n    if (!basketItemId.value) return 0;\n    return basketStore.normalizedBasket.basketItem[basketItemId.value].attributes.quantity;\n  });\n\n  const image = computed(() => {\n    if (!props.product.image) return '';\n    return `https://images.weserv.nl/?url=${props.product.image}&w=200`;\n  });\n\n  const weekIndex = computed(() => {\n    return selectedWeek?.value ? weeklyMenuStore.availableWeeks.indexOf(selectedWeek.value) + 1 : 1;\n  });\n\n  const handleAddToBasket = async () => {\n    isAddingToBasket.value = true;\n    await basketStore.addItem({\n      source: 'Product modal',\n      menuType: 'Recipe Kits New',\n      weekIndex: weekIndex.value,\n      params: {\n        productVariantId: props.product.id, //TODO check if it's broken\n        quantity: 1,\n      },\n    });\n    emits('productAdded', props.product);\n    isAddingToBasket.value = false;\n  };\n\n  const handleQuantityDecrease = async () => {\n    basketStore.decrementQuantity(basketItemId.value);\n  };\n\n  const handleIncreaseQuantity = async () => {\n    if (!basketItemId.value) {\n      handleAddToBasket();\n    } else {\n      basketStore.incrementQuantity(basketItemId.value);\n    }\n  };\n</script>\n","<template>\n  <BaseVoucherLineItemModal\n    :is-open=\"isOpen\"\n    :loading=\"isLoading\"\n    :voucher-code=\"basketStore.voucherCode\"\n    :voucher-text=\"basketStore.voucher?.attributes.textSection1\"\n    :terms-and-conditions=\"basketStore.voucher?.attributes.textSection3\"\n    :number-of-items-in-stock=\"availableVoucherProducts.length\"\n    :max-items=\"basketStore.voucher?.attributes.maxItems\"\n    :allows-multiple=\"allowsMultiple\"\n    :selection-confirmed=\"selectionConfirmed\"\n    :has-product-selected=\"!!selectedProduct\"\n    @dismiss=\"handleDismissMutation.mutate\"\n    @confirm-selection=\"selectionConfirmed = true\"\n  >\n    <template #selectedProduct>\n      <RKVoucherModalProduct\n        v-if=\"selectionConfirmed && selectedProduct\"\n        :product=\"selectedProduct\"\n        hide-add-button\n        class=\"mt-6 border-t\"\n      />\n    </template>\n    <template #productGrid>\n      <div v-for=\"product in availableVoucherProducts\" :key=\"product.id\">\n        <RKVoucherModalProduct\n          :product=\"product\"\n          :allows-multiple=\"allowsMultiple\"\n          :add-button-disabled=\"addButtonsDisabled\"\n          @product-added=\"handleProductAdded\"\n        />\n      </div>\n    </template>\n    <template #itemsOutOfStock>\n      <VoucherModalNoItemsContent\n        :loading=\"changeVoucherMutation.isPending.value\"\n        @change-voucher=\"changeVoucherMutation.mutate\"\n        @remove-voucher=\"handleDismiss\"\n      />\n    </template>\n  </BaseVoucherLineItemModal>\n</template>\n\n<script setup lang=\"ts\">\n  import useRKVoucherLineItemModal from '@/composables/useRKVoucherLineItemModal';\n  import { OOS_ALT_VOCHER } from '@/constants/utils';\n  import useBasketStore from '@/stores/basketStore';\n  import { ProductVariantWithTitle } from '@/types/basket';\n  import { SELECTED_MENU } from '@/constants/injections';\n  import useRemoveVoucher from '@/api/mutations/pensa/removeVoucher';\n  import useApplyVoucher from '@/api/mutations/pensa/applyVoucher';\n  import { useMutation } from '@tanstack/vue-query';\n\n  const basketStore = useBasketStore();\n  const removeVoucherMutation = useRemoveVoucher();\n  const addVoucherMutation = useApplyVoucher();\n\n  const selectedProduct = ref<ProductVariantWithTitle | null>(null);\n  const selectionConfirmed = ref(false);\n\n  const selectedWeek = inject(SELECTED_MENU);\n  const currentWeek = computed(() => selectedWeek?.value ?? '');\n  const {\n    availableVoucherProducts,\n    isOpen,\n    isLoading,\n    toggleModalState,\n  } = useRKVoucherLineItemModal(currentWeek);\n\n  const allowsMultiple = computed(() =>\n    Boolean(basketStore.voucher?.attributes.maxItems && basketStore.voucher.attributes.maxItems > 1)\n  );\n\n  const itemsAdded = computed(() => {\n    if (!basketStore.itemsInMenus[currentWeek.value]?.length) return 0;\n    return Object.values(basketStore.itemsInMenus[currentWeek.value]).reduce((acc, cur) => {\n      if (\n        availableVoucherProducts.value.find(\n          product => product.id === cur.attributes.productVariantExtId\n        )\n      )\n        acc += cur.attributes.quantity;\n      return acc;\n    }, 0);\n  });\n\n  const addButtonsDisabled = computed(\n    () => itemsAdded.value === basketStore.voucher?.attributes.maxItems\n  );\n\n  const handleProductAdded = (product: ProductVariantWithTitle) => {\n    if (!allowsMultiple.value) {\n      selectedProduct.value = product;\n      selectionConfirmed.value = true;\n    }\n  };\n\n  const changeVoucher = async () => {\n    if (!basketStore.basketKey) return;\n\n    if (basketStore.voucher) {\n      await removeVoucherMutation.mutateAsync({\n        voucherId: basketStore.voucher.id,\n        basketId: basketStore.basketKey,\n      });\n    }\n\n    await addVoucherMutation.mutateAsync({\n      basketId: basketStore.basketKey,\n      params: {\n        code: OOS_ALT_VOCHER,\n        validate: false,\n      },\n    });\n  };\n\n  const changeVoucherMutation = useMutation({\n    mutationFn: changeVoucher,\n    onSuccess: () => handleClose(),\n  });\n\n  const handleDismiss = async () => {\n    if (!availableVoucherProducts.value.length && basketStore.basketId && basketStore.voucher) {\n      await removeVoucherMutation.mutateAsync({\n        basketId: basketStore.basketId,\n        voucherId: basketStore.voucher.id,\n      });\n    }\n  };\n\n  const handleDismissMutation = useMutation({\n    mutationFn: handleDismiss,\n    onSuccess: () => handleClose(),\n  });\n\n  const handleClose = () => {\n    toggleModalState();\n    selectedProduct.value = null;\n    selectionConfirmed.value = false;\n  };\n</script>\n","<template>\n  <AddonRecomendations\n    v-if=\"selectedWeek\"\n    :menu-date=\"selectedWeek\"\n    :title=\"hideTitle ? '' : 'Enjoy your dish with...'\"\n    :basket=\"basketItems\"\n    :time-stamp=\"timeStamp\"\n    @add=\"handleAdd\"\n    @decrement=\"handleDecrement\"\n    @increment=\"handleIncrement\"\n  />\n</template>\n\n<script setup lang=\"ts\">\n  import { SELECTED_MENU } from '@/constants/injections';\n  import useBasketStore from '@/stores/basketStore';\n\n  interface Props {\n    timeStamp: string;\n    hideTitle?: boolean;\n  }\n\n  defineProps<Props>();\n\n  const basketStore = useBasketStore();\n  const selectedWeek = inject(SELECTED_MENU);\n\n  const basketItems = computed(() => {\n    const store = useBasketStore();\n    if (selectedWeek?.value) {\n      return store.itemsInMenus[selectedWeek.value] ?? [];\n    }\n    return [];\n  });\n\n  const handleAdd = (productVariantId: string) => {\n    basketStore.addItem({\n      source: 'Addon recommendation',\n      params: {\n        quantity: 1,\n        productVariantId: productVariantId, //TODO check if it's broken\n      },\n    });\n  };\n\n  const handleIncrement = (productVariantId: string) => {\n    basketStore.incrementVariant({\n      productVariantId: parseInt(productVariantId, 10),\n    });\n  };\n\n  const handleDecrement = (productVariantId: string) => {\n    basketStore.decrementVariant({\n      productVariantId: parseInt(productVariantId, 10),\n    });\n  };\n</script>\n","<template>\n  <div class=\"space-y-4 leading-5\">\n    <div class=\"flex items-center shrink\">\n      <div class=\"flex items-center justify-center mr-2 rounded-full size-7 bg-linen\">\n        <div class=\"size-5 text-terracota-muted\">\n          <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <path\n              fill=\"#8E4833\"\n              d=\"m10.531 16.364 7.15-6.63-1.36-1.467-5.79 5.37-1.85-1.718-1.36 1.466 3.21 2.979Z\"\n            />\n            <path\n              fill=\"#8E4833\"\n              fill-rule=\"evenodd\"\n              d=\"M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20ZM6.343 6.343a8 8 0 1 1 11.314 11.314A8 8 0 0 1 6.343 6.343Z\"\n              clip-rule=\"evenodd\"\n            />\n          </svg>\n        </div>\n      </div>\n      <div class=\"flex flex-1 shrink\">\n        <p>No commitment. Skip, pause or cancel anytime</p>\n      </div>\n    </div>\n    <div class=\"flex items-center shrink\">\n      <div class=\"flex items-center justify-center mr-2 rounded-full size-7 bg-linen\">\n        <div class=\"size-5 text-terracota-muted\">\n          <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <path\n              fill=\"#8E4833\"\n              d=\"m11.634 2.891.097 4.338.02.56c0 .599-.214 1.139-.544 1.478l-.72.72.7 10.134c.059.76-.524 1.379-1.244 1.379h-.136c-.719 0-1.302-.64-1.243-1.38l.7-10.133-.72-.72C8.194 8.927 8 8.368 8 7.788v-.56l.097-4.337c0-.18.117-.34.292-.38a.36.36 0 0 1 .447.36s.077 3.198.097 4.118c0 .14.097.24.233.24a.24.24 0 0 0 .233-.24l.097-4.098c0-.18.117-.34.292-.38a.36.36 0 0 1 .447.36s.078 3.198.097 4.118c0 .14.097.24.233.24a.24.24 0 0 0 .234-.24c.019-.92.097-4.118.097-4.118 0-.22.213-.4.447-.36.175.04.291.2.291.38ZM16.201 8.348l.797 11.753c.039.76-.525 1.379-1.244 1.399h-.136c-.719 0-1.302-.64-1.244-1.38l.603-8.814h-.311c-.913 0-1.613-.84-1.477-1.759l.855-5.736c.097-.72.7-1.24 1.4-1.24.252 0 .446.18.466.44l.291 5.337Z\"\n            />\n          </svg>\n        </div>\n      </div>\n      <div class=\"flex flex-1 shrink\">\n        <p>New menu of 20+ dishes each week</p>\n      </div>\n    </div>\n    <div class=\"flex items-center\">\n      <div class=\"flex items-center justify-center mr-2 rounded-full size-7 bg-linen\">\n        <div class=\"size-5 text-terracota-muted\">\n          <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <path\n              fill=\"#8E4833\"\n              d=\"M18.658 9.53c.392.115.708.415.851.796.148.394.084.855-.168 1.192a1.338 1.338 0 0 1-.82.516c.123.07.233.163.323.278a1.114 1.114 0 0 1-.19 1.553 1.11 1.11 0 0 1-.603.232c.11.067.208.155.289.258a1.117 1.117 0 0 1-.19 1.554c-.176.14-.383.215-.603.232.461.29.655.895.421 1.405-.189.413-.605.642-1.048.642h-6.016c-.145 0-.29 0-.434-.01a2.762 2.762 0 0 1-.948-.23l-.321-.153-.105-.051c-.028-.012-.043-.045-.043-.074v-.012a9.563 9.563 0 0 1-.003-.555l.003-.275v-5.991c0-.046.04-.086.086-.086h.076c.07.002.142.004.211-.005.246-.033.428-.193.535-.41l.09-.18.09-.182a442.374 442.374 0 0 1 1.06-2.138l.428-.863c.098-.196.139-.399.139-.615V4.81c-.002-.03-.003-.06.003-.086.031-.122.135-.246.217-.333.2-.217.475-.343.765-.38.776-.1 1.378.517 1.622 1.195.245.675.15 1.396.057 2.094l-.016.122a67.429 67.429 0 0 1-.308 2.05c.05-.002.103 0 .155.003.037.002.074.004.11.004h3.798c.165 0 .327.005.487.051ZM8.124 10.627v.177h.002v7.105a.532.532 0 0 1-.485.537H7.64c-.012.003-.024.003-.036.003H5.5c-.031 0-.06 0-.092-.002a.53.53 0 0 1-.496-.497 2.95 2.95 0 0 1-.003-.256V10.69c0-.062 0-.117.011-.179a.522.522 0 0 1 .487-.428c.024-.003.049-.002.073-.002a2 2 0 0 0 .025 0H7.428c.09-.002.18-.004.268.01.262.042.427.28.428.535Z\"\n            />\n          </svg>\n        </div>\n      </div>\n      <div class=\"flex flex-1 shrink\">\n        <p>Handpick dishes or we'll suggest dishes based on your preferences</p>\n      </div>\n    </div>\n    <div class=\"flex items-center shrink\">\n      <div class=\"flex items-center justify-center mr-2 rounded-full size-7 bg-linen\">\n        <div class=\"size-5 text-terracota-muted\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <path\n              fill-rule=\"evenodd\"\n              clip-rule=\"evenodd\"\n              d=\"M18.0818 14.9002L19.6997 14.4637L19.4143 13.3883L16.7313 14.1135L13.1037 12L16.7306 9.8865L19.4143 10.6118L19.7005 9.53632L18.0825 9.099L20 7.9815L19.4478 7.01775L17.5303 8.13525L17.9643 6.5025L16.8986 6.2145L16.1791 8.922L12.5522 11.0355V6.8085L14.5165 4.82625L13.7362 4.03875L12.5515 5.23425V3H11.4485V5.23425L10.2638 4.03875L9.48358 4.82613L11.4485 6.8085V11.0355L7.82088 8.922L7.10145 6.2145L6.03567 6.5025L6.46897 8.1345L4.55147 7.01775L4.00074 7.98225L5.91825 9.09975L4.29952 9.53625L4.58566 10.6118L7.26867 9.8865L10.8963 12L7.26942 14.1135L4.58566 13.3883L4.29952 14.4637L5.9175 14.901L4 16.0185L4.55221 16.9823L6.46971 15.8647L6.03567 17.4975L7.10145 17.7855L7.82088 15.078L11.4478 12.9645V17.1915L9.48421 19.1737L10.2643 19.961L11.4485 18.7657V21H12.5515V18.7657L13.7362 19.9613L14.5165 19.1737L12.5515 17.1915V12.9645L16.1791 15.078L16.8986 17.7855L17.9643 17.4975L17.531 15.8655L19.4485 16.9823L19.9993 16.0177L18.0818 14.9002Z\"\n              fill=\"#8E4833\"\n            />\n          </svg>\n        </div>\n      </div>\n      <p>Freeze dishes for up to 1 month</p>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\"></script>\n","<template>\n  <div>\n    <div>\n      <div class=\"text-sm text-off-black\">Send me pasta:</div>\n      <div class=\"grid grid-cols-2 gap-2 mt-3 md:grid-cols-4\">\n        <button\n          v-for=\"(_, index) in new Array(4)\"\n          :key=\"index\"\n          class=\"flex-1 p-3 text-sm border border-sienna-muted hover:bg-dark-linen hover:text-burnt-sienna\"\n          :class=\"\n            frequency === index + 1\n              ? 'bg-extra-light-linen font-semibold'\n              : 'bg-light-linen text-brown-grey'\n          \"\n          @click=\"frequency = index + 1\"\n        >\n          Every {{ index > 0 ? index + 1 : '' }} week{{ index > 0 ? 's' : '' }}\n        </button>\n      </div>\n    </div>\n    <Divider class=\"my-4\" />\n    <DeliveryFrequencyReassurance />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { DELIVERY_FREQUENCY_LOCAL } from '@/constants/injections';\n\n  const frequency = inject(DELIVERY_FREQUENCY_LOCAL);\n</script>\n","<template>\n  <div class=\"flex flex-col items-start\">\n    <label\n      for=\"one-off\"\n      class=\"px-6 py-4 border border-sienna-muted min-h-[72px] w-full text-off-black rounded-t-sm\"\n      :class=\"orderType === 'one-off' ? 'bg-extra-light-linen' : 'hover:lg:bg-linen cursor-pointer'\"\n    >\n      <div\n        class=\"flex items-center justify-between font-semibold\"\n        :class=\"{\n          'text-brown-grey': orderType !== 'one-off',\n          'text-off-black': orderType === 'one-off',\n        }\"\n      >\n        <div class=\"flex items-center\">\n          <input\n            id=\"one-off\"\n            :checked=\"orderType === 'one-off'\"\n            type=\"radio\"\n            name=\"one-off\"\n            class=\"mr-2.5 border-sandstone cursor-pointer size-4 my-auto rounded-full text-primary-green outline-none focus:ring-0\"\n            @change=\"orderType = 'one-off'\"\n          />\n          <span>One-time purchase</span>\n        </div>\n        <span class=\"items-center p-2 text-sm font-semibold\">{{ oneOffWithFeePrice }}</span>\n      </div>\n      <div\n        v-if=\"orderType === 'one-off' && settings?.recipeKits.oneOffFee\"\n        class=\"flex items-center p-3 mt-4 text-sm border bg-linen border-dark-linen text-off-black\"\n      >\n        <InformationCircleIcon class=\"mr-2 size-4 text-terracota-muted\" />\n        Switch to subscribe & save to get {{ settings.recipeKits.oneOffFee }}% off\n      </div>\n    </label>\n    <label\n      for=\"subscription\"\n      class=\"px-6 py-4 border border-sienna-muted min-h-[72px] w-full text-off-black border-t-0 rounded-b-sm\"\n      :class=\"\n        orderType === 'subscription' ? 'bg-extra-light-linen' : 'hover:lg:bg-linen cursor-pointer'\n      \"\n    >\n      <div\n        class=\"flex items-center justify-between w-full font-semibold\"\n        :class=\"{\n          'text-brown-grey': orderType !== 'subscription',\n          'text-off-black': orderType === 'subscription',\n        }\"\n      >\n        <div class=\"flex items-center\">\n          <input\n            id=\"subscription\"\n            :checked=\"orderType === 'subscription'\"\n            type=\"radio\"\n            name=\"subscription\"\n            class=\"mr-2.5 border-sandstone cursor-pointer size-4 my-auto rounded-[50%] text-primary-green outline-none focus:ring-0\"\n            @change=\"orderType = 'subscription'\"\n          />\n          <span>\n            Subscribe\n            <template v-if=\"settings?.recipeKits.oneOffFee\">\n              & save {{ settings.recipeKits.oneOffFee }}%\n            </template>\n          </span>\n        </div>\n        <span class=\"items-center p-2 text-sm font-semibold\">{{ subscriptionPrice }}</span>\n      </div>\n      <div v-if=\"orderType === 'subscription'\">\n        <Divider class=\"my-2\" />\n        <DeliveryFrequencyModalOrderTypeSubscription />\n      </div>\n    </label>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import useGetPreviewOneOffBasketFee from '@/api/queries/pensa/useGetPreviewOneOffBasketFee';\n  import useGetSettings from '@/api/queries/pensa/useGetSettings';\n  import { formatToString } from '@/utils/money';\n  import { InformationCircleIcon } from '@heroicons/vue/outline';\n\n  const orderType = defineModel<'one-off' | 'subscription'>({\n    default: 'subscription',\n  });\n\n  const { data } = useGetPreviewOneOffBasketFee();\n  const { data: settings } = useGetSettings();\n\n  const subscriptionPrice = computed(() => {\n    if (!data.value?.totalWithoutFee) return '';\n    return formatToString({ price: data.value?.totalWithoutFee });\n  });\n\n  const oneOffWithFeePrice = computed(() => {\n    if (!data.value?.totalWithFee) return '';\n    return formatToString({ price: data.value?.totalWithFee });\n  });\n</script>\n","<template>\n  <BaseModal\n    title=\"Choose your order type\"\n    class=\"bg-light-linen md:min-w-[calc(100%-68px)] lg:min-w-[976px] min-h-[640px]\"\n    has-title-divider\n    :is-open=\"isOpen\"\n    @update:is-open=\"isOpen = $event\"\n  >\n    <template v-if=\"isMobile\" #footer>\n      <div class=\"absolute bottom-0 z-20 w-full p-4 border-t bg-light-linen border-sienna-muted\">\n        <div v-if=\"updateBasketMutation.error\" class=\"mb-4 text-sm text-center text-red-500\">\n          {{ (updateBasketMutation.error.value?.response?.data as any)?.message }}\n        </div>\n        <button\n          id=\"frequencymodal_CHECKOUT\"\n          type=\"submit\"\n          cy-test-data=\"continue-to-instructions\"\n          class=\"w-full py-4 rounded-sm\"\n          :class=\"\n            true\n              ? ' text-white bg-primary-green hover:bg-cavolo-green'\n              : ' cursor-not-allowed bg-beige-dark text-gray-600'\n          \"\n          @click=\"handleCheckout\"\n        >\n          <BaseLoadingIcon v-if=\"false\" class=\"size-6\" />\n          <span v-else>Checkout</span>\n        </button>\n      </div>\n    </template>\n    <div class=\"grid gap-6 px-6 py-4 pb-20 lg:pb-4 lg:gap-12 md:grid-cols-8\">\n      <div class=\"col-span-5\">\n        <DeliveryFrequencyModalOrderTypeSelector v-model=\"orderType\" />\n      </div>\n\n      <div class=\"col-span-5 md:col-span-3\">\n        <button\n          v-if=\"!isMobile\"\n          id=\"frequencymodal_CHECKOUT\"\n          cy-test-data=\"continue-to-instructions\"\n          class=\"w-full py-4 rounded-sm\"\n          :class=\"\n            true\n              ? ' text-white bg-primary-green hover:bg-cavolo-green'\n              : ' cursor-not-allowed bg-beige-dark text-gray-600'\n          \"\n          @click=\"handleCheckout\"\n        >\n          <BaseLoadingIcon v-if=\"updateBasketMutation.isPending.value\" class=\"size-6\" />\n          <span v-else>Checkout</span>\n        </button>\n        <div v-if=\"updateBasketMutation.error && !isMobile\" class=\"text-left text-red-500\">\n          {{ (updateBasketMutation.error.value?.response?.data as any)?.message }}\n        </div>\n        <div class=\"lg:mt-4\">\n          <DeliveryFrequencyModalPaymentCards />\n        </div>\n      </div>\n    </div>\n  </BaseModal>\n</template>\n\n<script lang=\"ts\" setup>\n  import { trackCheckoutStep, trackCustomEvent } from '@/utils/analytics';\n  import useNavigationCloseModal from '@/composables/useNavigationCloseModal';\n  import { MenuType } from '@/utils/types';\n  import { breakpointsTailwind, useBreakpoints } from '@vueuse/core';\n  import { DELIVERY_FREQUENCY_LOCAL } from '@/constants/injections';\n  import useUpdateRecipeKitBasket from '@/api/mutations/pensa/updateRecipeKitBasket';\n  import useBasketStore from '@/stores/basketStore';\n  import { useRouter } from 'vue-router';\n  import { PutApiV2BasketsIdBodyFrequency } from '@/api/pensa';\n\n  defineProps<{ menuType: MenuType }>();\n  const isOpen = defineModel<boolean>({ default: false });\n\n  const breakpoints = useBreakpoints(breakpointsTailwind);\n  const isMobile = breakpoints.smallerOrEqual('sm');\n  const updateBasketMutation = useUpdateRecipeKitBasket();\n  const basketStore = useBasketStore();\n  const router = useRouter();\n\n  const frequency = ref(basketStore.frequency || 1);\n  const orderType = ref<'one-off' | 'subscription'>('subscription');\n\n  provide(DELIVERY_FREQUENCY_LOCAL, frequency);\n\n  watch(isOpen, (value, oldValue) => {\n    if (value) {\n      updateBasketMutation.reset();\n      frequency.value = basketStore.frequency || 1;\n      trackCustomEvent('modal_shown', {\n        modal_shown: 'Frequency page',\n      });\n      trackCheckoutStep(1);\n    } else if (!value && oldValue) {\n      trackCustomEvent('delivery_frequency_modal_closed');\n    }\n  });\n\n  const handleClose = () => {\n    isOpen.value = false;\n  };\n\n  useNavigationCloseModal({ isOpen: isOpen, handleClose });\n\n  const handleCheckout = () => {\n    if (!basketStore.basketKey) return;\n    updateBasketMutation.mutate(\n      {\n        id: basketStore.basketKey,\n        params: {\n          oneOffFeeApplicable: orderType.value === 'one-off',\n          startSubscription: orderType.value === 'subscription',\n          frequency: frequency.value as PutApiV2BasketsIdBodyFrequency,\n          validateFully: true,\n        },\n      },\n      {\n        onSuccess: () => {\n          trackCustomEvent('delivery_frequency_modal_cta_clicked', {\n            delivery_frequency: frequency.value,\n          });\n\n          if (basketStore.shouldSkipCheckoutDeliveryScreen) {\n            router.push({ name: 'delivery-instructions' });\n          } else {\n            router.push({ name: 'delivery-address' });\n          }\n        },\n        onError: () => {\n          setTimeout(() => {\n            updateBasketMutation.reset();\n          }, 3000);\n        },\n      }\n    );\n  };\n</script>\n","<template>\n  <BaseModal\n    :is-open=\"isOpen\"\n    :no-margin-top=\"true\"\n    class=\"absolute top-0 h-auto p-0 overflow-hidden border-solid rounded-sm sm:max-h-[75svh] sm:relative sm:border border-brown-grey bg-light-linen\"\n    hide-close-button\n    @update:is-open=\"emit('update:isOpen', $event)\"\n  >\n    <slot name=\"closeBtn\">\n      <div class=\"absolute z-40 flex items-center justify-end flex-1 px-2 py-1 top-2 right-3\">\n        <button\n          class=\"flex items-center bg-linen hover:bg-light-linen rounded-full p-1 group\"\n          @click=\"handleClose\"\n        >\n          <XIcon class=\"size-6 text-burnt-sienna group-hover:text-terracota-dark\" />\n        </button>\n      </div>\n    </slot>\n    <div class=\"px-6 pb-6 overflow-y-auto pt-14 lg:overflow-hidden\">\n      <h2 class=\"text-xl font-semibold text-center\">Some products not available</h2>\n      <p class=\"text-center\">\n        Some of the products in your selection are no longer available for this menu, so we’ve\n        removed them from your basket:\n      </p>\n      <ul class=\"my-6\">\n        <li v-for=\"product in productNames\" :key=\"product\" class=\"text-center text-terracota-dark\">\n          {{ product }}\n        </li>\n      </ul>\n      <button\n        class=\"w-full px-8 py-4 mr-3 text-center border rounded-sm cursor-pointer border-sienna-muted text-burnt-sienna bg-light-linen hover:bg-dark-linen\"\n        @click=\"emit('update:isOpen', false)\"\n      >\n        Accept and close\n      </button>\n    </div>\n  </BaseModal>\n</template>\n\n<script lang=\"ts\" setup>\n  import useNavigationCloseModal from '@/composables/useNavigationCloseModal';\n  import { XIcon } from '@heroicons/vue/solid';\n\n  interface Props {\n    productNames: string[];\n    isOpen?: boolean;\n  }\n\n  interface Emits {\n    (e: 'update:isOpen', value: boolean): void;\n  }\n\n  const props = withDefaults(defineProps<Props>(), { products: [], isOpen: false });\n  const emit = defineEmits<Emits>();\n\n  const { isOpen } = toRefs(props);\n\n  const handleClose = () => {\n    emit('update:isOpen', false);\n  };\n\n  useNavigationCloseModal({ isOpen, handleClose });\n</script>\n","!function(e,t){\"object\"==typeof exports&&\"undefined\"!=typeof module?module.exports=t():\"function\"==typeof define&&define.amd?define(t):(e=\"undefined\"!=typeof globalThis?globalThis:e||self).dayjs_plugin_isSameOrAfter=t()}(this,(function(){\"use strict\";return function(e,t){t.prototype.isSameOrAfter=function(e,t){return this.isSame(e,t)||this.isAfter(e,t)}}}));","<template>\n  <BaseModal\n    :is-open=\"isOpen\"\n    modal-name=\"RK Change delivery time/address\"\n    title=\"Where and when?\"\n    class=\"bg-light-linen\"\n    :has-title-divider=\"true\"\n    @update:is-open=\"handleClose\"\n  >\n    <div class=\"px-6 mt-8\">\n      <div class=\"relative mb-9\">\n        <label for=\"address\" class=\"block text-sm\">Delivery address</label>\n        <AddressSearch\n          v-if=\"!hasAddress || isEditing\"\n          class=\"mt-1 border-sienna-muted placeholder:text-off-black !bg-light-linen\"\n          input-classes=\"bg-light-linen border-sienna-muted\"\n          @suggestion-press=\"handleSuggestion\"\n        />\n        <input\n          v-else-if=\"hasAddress && deliveryAddress\"\n          id=\"address\"\n          type=\"text\"\n          :placeholder=\"\n            deliveryAddress.address1 === 'ignore_me'\n              ? deliveryAddress.zip\n              : convertToShortAddressString(deliveryAddress)\n          \"\n          class=\"w-full mt-1 truncate h-14 pasta-input pr-14 bg-light-linen border-sienna-muted\"\n          readonly\n        />\n        <button\n          v-if=\"isEditing && hasAddress\"\n          class=\"absolute right-0 text-xs underline top-1 text-off-black\"\n          @click=\"isEditing = false\"\n        >\n          Cancel\n        </button>\n        <button\n          v-if=\"hasAddress && !isEditing\"\n          class=\"absolute text-xs underline top-11 right-3 text-off-black\"\n          @click=\"isEditing = true\"\n        >\n          Change\n        </button>\n      </div>\n      <p class=\"mb-1 text-sm\">Delivery day</p>\n      <BaseSelectField\n        :id=\"`deliverydetails_RK_deliveryDate`\"\n        name=\"deliveryDate\"\n        class=\"bg-light-linen\"\n        select-class=\"mt-1 border-sienna-muted bg-light-linen text-red bg-[url('https://cdn.shopify.com/s/files/1/1725/5449/files/arrow-terracota-dark.svg?v=1706011409')] bg-[length:10px_6px] mb-3\"\n        :value=\"deliveryDate\"\n        :disabled=\"\n          deliveryDatesStore.isLoading.value || !deliveryDatesStore.availableDates.value.length\n        \"\n        @change=\"changeDeliveryDate\"\n      >\n        <option\n          v-if=\"deliveryDatesStore.availableDates.value?.length\"\n          disabled\n          selected\n          hidden\n          value=\"\"\n        >\n          Choose a delivery day\n        </option>\n        <option v-else disabled :value=\"deliveryDate\">\n          {{ createDeliveryDateFormatted(deliveryDate, 'ddd Do MMM') }}\n        </option>\n        <option\n          v-for=\"date in deliveryDatesStore.availableDates.value\"\n          :key=\"date.value\"\n          :value=\"date.value\"\n          :disabled=\"date.disabled\"\n        >\n          {{ date.formatted }}\n        </option>\n      </BaseSelectField>\n      <div class=\"flex mt-8\">\n        <button\n          class=\"px-8 py-4 mr-3 text-center border rounded-sm cursor-pointer w-fit border-sienna-muted text-burnt-sienna bg-light-linen hover:bg-dark-linen\"\n          @click=\"handleClose\"\n        >\n          Cancel\n        </button>\n        <button\n          class=\"w-full py-4 text-center text-white rounded-sm cursor-pointer bg-primary-green hover:bg-cavolo-green\"\n          @click=\"handleConfirm\"\n        >\n          <BaseLoadingIcon v-if=\"updateBasketMutation.isPending.value\" class=\"size-5\" />\n          <span v-else>Confirm</span>\n        </button>\n      </div>\n    </div>\n  </BaseModal>\n</template>\n\n<script setup lang=\"ts\">\n  import dayjs from 'dayjs';\n  import isSameOrAfter from 'dayjs/plugin/isSameOrAfter';\n  import { ManualAddressInputPayload } from './BaseAddressInputs.vue';\n  import { createDeliveryDateFormatted } from '@/utils/date';\n  import useBasketStore from '@/stores/basketStore';\n  import useUpdateRecipeKitBasket from '@/api/mutations/pensa/updateRecipeKitBasket';\n  import useDeliveryDates from '@/composables/useDeliveryDates';\n  import { convertToShortAddressString } from '@/utils/address';\n\n  dayjs.extend(isSameOrAfter);\n\n  interface Props {\n    isOpen: boolean;\n  }\n\n  interface Emits {\n    (event: 'update:isOpen', bool: boolean): void;\n  }\n\n  const props = defineProps<Props>();\n  const emit = defineEmits<Emits>();\n\n  const basketStore = useBasketStore();\n  const updateBasketMutation = useUpdateRecipeKitBasket();\n\n  const deliveryAddress = ref<ManualAddressInputPayload | null>({\n    address1: basketStore.address?.address1 || '',\n    address2: basketStore.address?.address2 || '',\n    city: basketStore.address?.city || '',\n    company: basketStore.address?.company || '',\n    country: basketStore.address?.country || '',\n    firstName: basketStore.address?.firstName || '',\n    lastName: basketStore.address?.lastName || '',\n    region: basketStore.address?.region || '',\n    zip: basketStore.address?.zip || '',\n    regionCode: basketStore.address?.regionCode || '',\n    countryCode: basketStore.address?.countryCode || '',\n  });\n\n  const zip = computed(() => deliveryAddress.value?.zip || null);\n\n  const deliveryDatesStore = useDeliveryDates({ zip });\n\n  const hasAddress = computed(() => !!deliveryAddress.value?.zip);\n\n  const getDeliveryDate = () => {\n    return dayjs(basketStore.deliveryDate).format('YYYY-MM-DD');\n  };\n\n  const isEditing = ref(false);\n  const deliveryDate = ref(getDeliveryDate());\n\n  const handleConfirm = () => {\n    if (!basketStore.basketKey) return;\n\n    updateBasketMutation.mutate(\n      {\n        id: basketStore.basketKey,\n        params: {\n          address: deliveryAddress.value?.address1 ? deliveryAddress.value : undefined,\n          deliveryDate: dayjs(deliveryDate.value).set('hour', 12).toJSON(),\n        },\n      },\n      {\n        onSuccess: handleClose,\n      }\n    );\n  };\n\n  const changeDeliveryDate = (date: string) => {\n    deliveryDate.value = dayjs(date).format('YYYY-MM-DD');\n  };\n\n  const resetToInitialState = () => {\n    deliveryAddress.value = {\n      address1: basketStore.address?.address1 || '',\n      address2: basketStore.address?.address2 || '',\n      city: basketStore.address?.city || '',\n      company: basketStore.address?.company || '',\n      country: basketStore.address?.country || '',\n      firstName: basketStore.address?.firstName || '',\n      lastName: basketStore.address?.lastName || '',\n      region: basketStore.address?.region || '',\n      zip: basketStore.address?.zip || '',\n      regionCode: basketStore.address?.regionCode || '',\n      countryCode: basketStore.address?.countryCode || '',\n    };\n    deliveryDate.value = basketStore.deliveryDate || '';\n  };\n\n  const handleClose = () => {\n    emit('update:isOpen', false);\n    resetToInitialState;\n  };\n\n  const handleSuggestion = (address: ManualAddressInputPayload) => {\n    isEditing.value = false;\n    deliveryAddress.value = address;\n    return;\n  };\n\n  watch(\n    () => props.isOpen,\n    newVal => {\n      if (newVal) {\n        resetToInitialState();\n      }\n    }\n  );\n\n  watch(\n    () => basketStore.deliveryDate,\n    newVal => {\n      deliveryDate.value = newVal || '';\n    },\n    {\n      immediate: true,\n    }\n  );\n</script>\n","<template>\n  <div\n    class=\"flex flex-col w-full p-6 rounded-sm lg:px-0 sm:flex-row lg:justify-center lg:flex-col lg:mt-9 2xl:ml-12\"\n  >\n    <div class=\"z-0 w-full md:w-5/12 lg:w-full\">\n      <h1\n        class=\"w-full mb-1 text-4xl lg:w-full lg:text-5xl font-brand text-terracota-dark leading-[3rem]\"\n      >\n        Recipe\n        <i>kits</i>\n      </h1>\n      <p class=\"mb-4 text-sm lg:text-base text-brown-grey md:mb-0 lg:mb-4\">\n        Cook restaurant-quality pasta at home\n      </p>\n    </div>\n    <div class=\"flex flex-row w-full text-sm md:w-7/12 lg:w-full lg:max-w-md text-mid-grey\">\n      <button\n        class=\"relative px-3 py-1 pr-4 text-left border rounded-l-sm cursor-pointer lg:px-4 lg:pr-2 lg:py-3 bg-light-linen lg:rounded-l-sm border-sienna-muted group\"\n        :class=\"{ 'w-full md:w-fit': !deliverTo, 'w-3/6 md:w-7/12 lg:w-fit': deliverTo }\"\n        @click=\"\n          buttonClicked(\n            'menuRK_header_amenddeliverytime',\n            `Delivering on: ${basketStore.deliveryDate}`\n          )\n        \"\n      >\n        <span class=\"my-auto mr-2 text-brown-grey\">Delivering on:</span>\n        <br class=\"block md:hidden\" />\n        <span\n          v-if=\"basketStore.deliveryDate\"\n          class=\"pr-5 text-base font-semibold text-off-black lg:pr-7 group-hover:underline\"\n        >\n          {{ createDeliveryDateFormatted(basketStore.deliveryDate, 'ddd Do MMM') }}\n        </span>\n        <ChevronDownIcon\n          class=\"inline mb-0.5 w-4 lg:w-5 ml-1 no-underline text-mid-grey absolute top-1/3 right-1 lg:right-2\"\n        />\n      </button>\n      <button\n        v-if=\"deliverTo\"\n        class=\"relative w-3/6 px-3 py-1 pr-4 text-left border border-l-0 rounded-r-sm cursor-pointer md:w-5/12 lg:py-3 lg:px-4 lg:pr-2 bg-light-linen lg:rounded-r-sm lg:w-fit border-sienna-muted text-brown-grey group\"\n        @click=\"buttonClicked('menuRK_header_amendaddress', deliverTo)\"\n      >\n        to:\n        <br class=\"block md:hidden\" />\n        <span class=\"pr-1 text-base font-semibold text-off-black lg:pl-1 group-hover:underline\">\n          {{ deliverTo }}\n        </span>\n        <ChevronDownIcon\n          class=\"inline mb-0.5 w-4 lg:w-5 ml-1 no-underline absolute right-1 lg:static top-1/3 lg:top-0\"\n        />\n      </button>\n    </div>\n  </div>\n  <RkChangeDeliveryDetailsModal v-model:is-open=\"isOpenModal\" />\n  <NotAvailableProductsModal\n    v-model:is-open=\"isOpenNotAvailableModal\"\n    :product-names=\"notAvailableProducts\"\n  />\n</template>\n\n<script setup lang=\"ts\">\n  import { trackClickEvent } from '@/utils/analytics';\n  import { ChevronDownIcon } from '@heroicons/vue/solid';\n  import { findMenuForDate } from '@/utils/date';\n  import useBasketStore from '../stores/basketStore';\n  import { createDeliveryDateFormatted } from '@/utils/date';\n  import { notEmpty } from '@pasta-evangelists/pasta-types';\n\n  interface Props {\n    deliverTo: string | null;\n  }\n\n  interface Emits {\n    (event: 'change'): void;\n  }\n\n  defineProps<Props>();\n  const emit = defineEmits<Emits>();\n\n  const isOpenModal = ref(false);\n  const isOpenNotAvailableModal = ref(false);\n  const notAvailableProducts = ref<string[]>([]);\n\n  const basketStore = useBasketStore();\n\n  const menuDate = computed(() =>\n    basketStore.deliveryDate ? findMenuForDate(basketStore.deliveryDate) : null\n  );\n\n  watch(\n    () => basketStore.deliveryDate,\n    async newDeliveryDate => {\n      if (newDeliveryDate && menuDate.value) {\n        // fill product names for not available products modal\n        notAvailableProducts.value = (await basketStore.deleteInvalidProducts(menuDate.value))\n          .map(product => product.attributes.title)\n          .filter(notEmpty);\n\n        if (notAvailableProducts.value.length > 0) isOpenNotAvailableModal.value = true;\n      }\n    },\n    { immediate: true }\n  );\n\n  watch(isOpenNotAvailableModal, value => {\n    if (!value) notAvailableProducts.value = [];\n  });\n\n  const buttonClicked = (clickId: string, clickText: string) => {\n    emit('change');\n    isOpenModal.value = true;\n    trackClickEvent(clickId, clickText);\n  };\n</script>\n","<template>\n  <div\n    id=\"rk-menu-banner\"\n    class=\"relative flex flex-col tw-header-height lg:min-h-[275px] xl:min-h-[300px] 2xl:min-h-[375px] 3xl:min-h-[450px] lg:max-h-[450px] lg:mt-[-65px] z-10\"\n  >\n    <div class=\"overflow-hidden size-full lg:absolute\">\n      <ShopifyImage\n        :src=\"imageTimeUrlMap.desktop\"\n        class=\"object-cover tw-header-height lg:min-h-[275px] xl:min-h-[300px] 2xl:min-h-[375px] 3xl:min-h-[450px] lg:max-h-[450px] object-[center_top] hidden lg:block\"\n        :size=\"1000\"\n        :lg=\"1500\"\n        :xl=\"2000\"\n        image-styles=\"tw-header-height lg:pb-[100%] hidden lg:block\"\n        :aspect-ratio-to-padding-bottom=\"0\"\n      />\n      <ShopifyImage\n        :src=\"imageTimeUrlMap.tablet\"\n        class=\"object-cover tw-header-height object-[center_top] hidden md:block lg:hidden\"\n        :size=\"1000\"\n        :sm=\"1200\"\n        image-styles=\"tw-header-height hidden md:block lg:hidden\"\n        container-inner-styles=\"flex justify-center items-center\"\n        :aspect-ratio-to-padding-bottom=\"0\"\n      />\n      <ShopifyImage\n        :src=\"imageTimeUrlMap.mobile\"\n        class=\"object-cover tw-header-height object-[center_top] md:hidden\"\n        :size=\"1000\"\n        :sm=\"1200\"\n        image-styles=\"tw-header-height md:hidden\"\n        container-inner-styles=\"flex justify-center items-center\"\n        :aspect-ratio-to-padding-bottom=\"0\"\n      />\n    </div>\n    <div\n      class=\"flex-row w-full my-auto overflow-hidden lg:flex lg:px-8 xl:px-12 2xl:mx-auto lg:justify-between 2xl:max-w-[1956px] 2xl:px-0\"\n    >\n      <div class=\"flex flex-col justify-center w-full rounded-sm\">\n        <RkMenuBannerContent :deliver-to=\"deliverTo\" @change=\"$emit('change')\" />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  interface Props {\n    deliverTo: string;\n  }\n\n  interface Emits {\n    (event: 'change'): void;\n  }\n\n  defineProps<Props>();\n  defineEmits<Emits>();\n\n  const imageTimeUrlMap = {\n    mobile:\n      'https://cdn.shopify.com/s/files/1/1725/5449/files/RK-head-2024-DEFAULT-MOB.webp?v=1741792867',\n    tablet:\n      'https://cdn.shopify.com/s/files/1/1725/5449/files/RK-head-2024-DEFAULT-TAB.webp?v=1741792868',\n    desktop:\n      'https://cdn.shopify.com/s/files/1/1725/5449/files/RK-head-2024-DEFAULT-DESK.webp?v=1741792867',\n  };\n</script>\n","<template>\n  <ProductsPageLayout :is-loading=\"isSelectedMenuLoadingAndEmpty\" :has-anchor-links=\"true\">\n    <template #header>\n      <RkMenuBanner v-if=\"!isOneOff\" :deliver-to=\"deliveryZip\" />\n      <MenuBanner\n        v-else\n        title=\"Order <i>another box</i>\"\n        description=\"Get an extra box for you or send a gift to a friend!\"\n      />\n    </template>\n    <template #anchor-links>\n      <MenuAnchorLinks\n        :sections=\"filterTitlesWithoutEmpty\"\n        :menu-type=\"isOneOff ? 'One-off' : 'Recipe Kits New'\"\n      />\n    </template>\n    <template #productsgrid>\n      <div v-if=\"isSelectedMenuErrorAndEmpty\" class=\"flex flex-col items-center mt-10 text-center\">\n        Something went wrong. Please try again.\n        <button\n          class=\"px-8 py-4 my-6 text-white rounded bg-terracota-dark\"\n          @click=\"refetchSelectedMenu\"\n        >\n          Retry\n        </button>\n      </div>\n      <div v-else-if=\"isSelectedMenuLoadingAndEmpty\">Loading</div>\n      <template v-else>\n        <div class=\"px-6 md:px-0\">\n          <VoucherLineItemBanner\n            v-if=\"availableVoucherProducts.length && shouldShowVoucherModal && !isOneOff\"\n            :voucher-code=\"basketStore.voucherCode!\"\n            :max-items=\"basketStore.voucher?.attributes.maxItems\"\n            @open-modal=\"toggleModalState\"\n            @remove-voucher=\"removeVoucher(false)\"\n          />\n        </div>\n        <MarketingOffersBanner\n          v-show=\"!basketStore.voucherCode\"\n          v-model=\"voucherPopupState.isOpen\"\n          v-model:error-message=\"voucherPopupState.errorMessage\"\n          type=\"recipe_kits\"\n          :selected-week=\"selectedWeek as any\"\n          :basket-id=\"basketStore.basketId\"\n        />\n        <ProductGrid\n          ref=\"productGrid\"\n          :menu=\"unfilteredMenu\"\n          :section-order=\"menuSections\"\n          :menu-type=\"isOneOff ? 'One-off' : 'Recipe Kits New'\"\n        >\n          <template #product=\"{ product, sectionTitle }\">\n            <RkProductCard\n              :product=\"product\"\n              :menu-type=\"isOneOff ? 'One-off' : 'Recipe Kits New'\"\n              :section-title=\"sectionTitle\"\n              from=\"recipe card\"\n            />\n          </template>\n        </ProductGrid>\n      </template>\n    </template>\n    <template #basket>\n      <StickyBasketDesktop\n        class=\"bg-light-linen\"\n        :header=\"`Your recipes for ${createDeliveryDateFormatted(\n          basketStore.deliveryDate ?? '',\n          'Do MMM'\n        )}`\"\n        no-description\n      >\n        <BasketMenuSectionServer :show-addons-in-menus=\"true\" :selected-week=\"selectedWeek\" />\n        <BasketMenuOffersSection\n          v-if=\"hasOfferProduct\"\n          :products=\"basketStore.addons\"\n          :voucher=\"basketStore.voucher\"\n        />\n        <div class=\"px-6\" :class=\"{ 'mt-6': !basketStore.hasItems }\">\n          <BasketSummary\n            :sub-total=\"basketStore.subtotalBeforeOrderDiscountsInPounds\"\n            :total=\"basketStore.totalPriceInPounds\"\n            :delivery=\"basketStore.shippingPriceInPounds\"\n            :remaining-amount-for-free-delivery=\"amountRemaining\"\n            :hide-extra-delivery-fee=\"!basketStore.hasItems || basketStore.isMultiWeekMenus\"\n            :is-empty=\"!basketStore.hasItems\"\n            :hide-total=\"false\"\n          >\n            <template #discounts>\n              <BasketDiscounts\n                :ga-prefix=\"`menu${isOneOff ? 'OO' : 'RK'}_basket_`\"\n                editable-voucher\n                :show-offer=\"false\"\n              />\n            </template>\n            <template #voucher-input>\n              <AddVoucher\n                v-show=\"!basketStore.hasVoucher\"\n                :validate=\"false\"\n                source=\"Basket input\"\n                :menu-type=\"isOneOff ? 'One-off' : 'Recipe Kits New'\"\n                @success=\"voucherPopupState.isOpen = true\"\n                @check-line-item-modal=\"checkIfShouldOpenLineItemVoucherModal\"\n              />\n            </template>\n          </BasketSummary>\n          <StoreCreditsSummary\n            v-if=\"basketStore.hasItems\"\n            :total=\"basketStore.total\"\n            :hide-store-balance=\"true\"\n          />\n        </div>\n      </StickyBasketDesktop>\n      <StickyBasketDesktopCheckoutBtn\n        :is-valid=\"basketStore.isValid\"\n        :total-price=\"basketStore.totalPriceInPounds\"\n        :subtotal=\"basketStore.subtotalWithShippingInPounds\"\n        allow-disabled\n        :is-free-delivery=\"!basketStore.shippingPrice || !isBelowThreshold\"\n        :amount-left-for-free-delivery=\"amountRemaining\"\n        :hide-delivery-status=\"basketStore.isMultiWeekMenus\"\n        :hide-total=\"true\"\n        :hide-amount-left-for-free-delivery=\"hideAmountLeftForFreeDelivery\"\n        @continue=\"handleCheckoutBtnPressed\"\n      >\n        <template #label>\n          <span v-if=\"!basketStore.hasItems\">Your basket is empty</span>\n          <span v-else-if=\"!basketStore.isValid && basketStore.isMultiWeekMenus\">\n            Spend\n            {{\n              formatToString({\n                price: basketStore.basketRules.minimumSpend,\n                removeDecimal: true,\n              })\n            }}\n            from each menu to checkout\n          </span>\n          <span v-else-if=\"!basketStore.isValid\">\n            Spend at least\n            {{\n              formatToString({\n                price: basketStore.basketRules.minimumSpend,\n                removeDecimal: true,\n              })\n            }}\n            to checkout\n          </span>\n          <span v-else>Continue to checkout</span>\n        </template>\n      </StickyBasketDesktopCheckoutBtn>\n      <VoucherNotification\n        v-model=\"voucherValidation.isOpen\"\n        :message=\"voucherValidation.message\"\n      />\n    </template>\n    <template #footer>\n      <div\n        class=\"bottom-0 z-20 w-full space-y-2\"\n        :class=\"{\n          'fixed block lg:hidden': basketStore.hasItems,\n          hidden: !basketStore.hasItems,\n        }\"\n      >\n        <VoucherNotification\n          v-model=\"voucherValidation.isOpen\"\n          :message=\"voucherValidation.message\"\n          class=\"px-2\"\n        />\n        <BasketModalProductBox\n          :menu-type=\"isOneOff ? 'One-off' : 'Recipe Kits New'\"\n          :header=\"`Your recipes for ${createDeliveryDateFormatted(\n            basketStore.deliveryDate ?? '',\n            'Do MMM'\n          )}`\"\n          @continue=\"handleCheckoutBtnPressed\"\n          @see-sides=\"handleSeeSides\"\n          @open-voucher-popup=\"voucherPopupState.isOpen = true\"\n        />\n      </div>\n      <DeliveryFrequencyModal\n        v-model=\"isPlanModalOpen\"\n        :menu-type=\"isOneOff ? 'One-off' : 'Recipe Kits New'\"\n      />\n      <VoucherPopUp\n        v-model=\"voucherPopupState.isOpen\"\n        v-model:error-message=\"voucherPopupState.errorMessage\"\n        :to-checkout-next=\"voucherPopupState.toCheckoutNext\"\n        :voucher=\"basketStore.voucher\"\n        @to-checkout=\"removeVoucher\"\n        @to-product-box=\"handleVoucherApplied\"\n      />\n      <div class=\"mt-12 lg:mt-10\">\n        <GlobalFooter />\n      </div>\n      <BaseModal\n        v-if=\"featureFlagStore.addonPrompt\"\n        title=\"Add a delicious side?\"\n        :is-open=\"isAddonPromptModalOpen\"\n        @update:is-open=\"close\"\n      >\n        <AddonRecomendationServerMutation\n          :time-stamp=\"isAddonPromptModalOpen.toString()\"\n          hide-title\n        />\n      </BaseModal>\n      <RKVoucherLineItemModal />\n      <InvalidOrderModal v-model=\"showBasketErrorModal\" @continue=\"showBasketErrorModal = false\" />\n      <ProductBoxAddressModal\n        v-model:is-open=\"isAddressModalOpen\"\n        @address-entered=\"handleAddressEntered\"\n      />\n      <RecipeKitsAvailable v-model:is-open=\"showRecipeKitsAvailableModal\" />\n    </template>\n  </ProductsPageLayout>\n</template>\n\n<script lang=\"ts\" setup>\n  import { sectionTitles } from '@/constants/menus';\n  import useWeeklyMenusStore from '@/stores/weeklyMenusStore';\n  import useBasketStore from '@/stores/basketStore';\n  import { HANDLE_SEE_SIDES, SELECTED_MENU } from '@/constants/injections';\n  import usePreventScroll from '@/composables/usePreventScroll';\n  import { useRouter } from 'vue-router';\n  import { isChefSpecialsSection, filterOutHiddenProductsOrInvalidBundles } from '@/utils';\n  import { useTitle } from '@vueuse/core';\n  import useAddonPrompt from '@/composables/useAddonPrompt';\n  import useFeatureFlagStore from '@/stores/featureFlagStore';\n  import {\n    convertBasketProductsIntoDataLayerProducts,\n    PurchaseActionField,\n    trackBeginCheckoutEvent,\n    trackCustomEvent,\n  } from '@/utils/analytics';\n  import useFlashMessage from '@/composables/useFlashMessage';\n  import {\n    findMenuForDate,\n    isFridayAndAfter5PM,\n    isWeekCurrent,\n    createDeliveryDateFormatted,\n  } from '@/utils/date';\n  import useDeliveryThreshold from '@/composables/useDeliveryThreshold';\n  import useBasketFetcher from '@/composables/useBasketFetcher';\n  import { breakpointsTailwind, useBreakpoints } from '@vueuse/core';\n  import { formatToString } from '@/utils/money';\n  import useBundleStore from '@/stores/bundleStore';\n  import useRKVoucherLineItemModal from '@/composables/useRKVoucherLineItemModal';\n  import { useRoute } from 'vue-router';\n  import Cookies from 'universal-cookie';\n  import useRemoveVoucher from '@/api/mutations/pensa/removeVoucher';\n  import useApplyVoucher from '@/api/mutations/pensa/applyVoucher';\n  import useResetBasketToDefault from '@/composables/useResetBasketToDefault';\n\n  const basketStore = useBasketStore();\n  const router = useRouter();\n  const featureFlagStore = useFeatureFlagStore();\n  const weeklyMenusStore = useWeeklyMenusStore();\n  const { showMessage } = useFlashMessage();\n  const { isOpen: isAddonPromptModalOpen, close } = useAddonPrompt();\n  useTitle('Fresh Pasta Recipe Boxes: Weekly Menu');\n  const breakpoints = useBreakpoints(breakpointsTailwind);\n  const { data: bundles } = useBundleStore();\n  const isMobile = breakpoints.isSmaller('lg');\n  const removeVoucherMutation = useRemoveVoucher();\n  const addVoucherMutation = useApplyVoucher();\n\n  const route = useRoute();\n\n  const shouldShowRecipeKitAvailableModal = route.query.dtw && isMobile && !route.query.vc;\n\n  const isOneOff = computed(() => router.currentRoute.value.name === 'one-off-product-box');\n\n  useResetBasketToDefault(isOneOff.value ? 'One-Off' : 'RecipeKit');\n\n  const deliveryZip = computed(() => {\n    return basketStore.address?.zip || '';\n  });\n\n  const { isLoading } = useBasketFetcher('RecipeKitBasket');\n\n  const subtotal = computed(() => basketStore.subtotal);\n  const deliveryThreshold = computed(() => basketStore.deliveryThreshold);\n  const hideAmountLeftForFreeDelivery = computed(() => basketStore.amountLeftToCheckout > 0);\n\n  const { isBelowThreshold, amountRemaining } = useDeliveryThreshold({\n    deliveryThreshold,\n    subtotal,\n  });\n\n  const autoApplyVoucherTriggered = ref(false);\n\n  const params = router.currentRoute.value.query;\n  const voucherPopupState = reactive({\n    isOpen: false,\n    errorMessage: '',\n    toCheckoutNext: false,\n  });\n  const voucherValidation = reactive({\n    isOpen: false,\n    message: '',\n  });\n\n  const voucherParamCode = computed(() => {\n    if (params.vc) return String(params.vc);\n    if (params.VC) return String(params.VC);\n    return null;\n  });\n\n  onMounted(() => {\n    const cookies = new Cookies();\n    cookies.set('last_viewed_menu', 'rk', {\n      path: '/',\n      domain: '.pastaevangelists.com',\n      secure: true,\n      sameSite: 'lax',\n      expires: new Date(Date.now() + 7 * 24 * 60 * 60 * 1000), // 7 days from now\n    });\n  });\n\n  // before we try to apply the voucher we need to wait for the\n  // basket request to finish, otherwise it may result in the server creating\n  // two different baskets, one for the voucher and one for the get basket request\n  watch(\n    [voucherParamCode, isLoading],\n    async ([code, isFetchingBasket]) => {\n      if (code && !isFetchingBasket && !autoApplyVoucherTriggered.value) {\n        if (!basketStore.basketKey) return;\n        if (basketStore.voucher) {\n          if (code === basketStore.voucher.attributes.code) {\n            return;\n          }\n          try {\n            await removeVoucherMutation.mutateAsync({\n              basketId: basketStore.basketKey!,\n              voucherId: basketStore.voucher.id,\n            });\n          } catch (e) {\n            voucherPopupState.errorMessage = 'There was an error removing the previous voucher';\n            autoApplyVoucherTriggered.value = true;\n            return;\n          }\n        }\n        try {\n          await addVoucherMutation.mutateAsync({\n            basketId: basketStore.basketKey,\n            params: {\n              code,\n              validate: false,\n            },\n          });\n          autoApplyVoucherTriggered.value = true;\n          const couponData = {\n            coupon_added: code,\n            coupon_added_from: 'URL',\n            menu_type: isOneOff.value ? 'One-off' : 'Recipe Kits New',\n          };\n          trackCustomEvent('coupon_added', couponData);\n        } catch (e) {\n          if (typeof e === 'object' && !!e && 'message' in e && typeof e.message === 'string') {\n            voucherPopupState.errorMessage = e.message;\n          }\n        }\n\n        if (\n          basketStore.voucher?.attributes.type === 'DiscountVoucher' &&\n          basketStore.voucher?.attributes.productVariantIds.length\n        ) {\n          checkIfShouldOpenLineItemVoucherModal();\n        } else voucherPopupState.isOpen = true;\n      }\n    },\n    { immediate: true }\n  );\n\n  const isPlanModalOpen = ref(false);\n  const isAddressModalOpen = ref(false);\n  const showBasketErrorModal = ref(false);\n  const showRecipeKitsAvailableModal = ref(Boolean(shouldShowRecipeKitAvailableModal));\n\n  weeklyMenusStore.fetchMenus();\n  usePreventScroll(isPlanModalOpen);\n\n  const selectedWeek = computed(() => {\n    if (!basketStore.deliveryDate) return weeklyMenusStore.availableWeeks[0];\n    return findMenuForDate(basketStore.deliveryDate);\n  });\n\n  const {\n    checkIfShouldShowModal,\n    availableVoucherProducts,\n    shouldShowModal: shouldShowVoucherModal,\n    toggleModalState,\n  } = useRKVoucherLineItemModal(selectedWeek);\n\n  const isSelectedMenuLoadingAndEmpty = computed(\n    () =>\n      weeklyMenusStore.menus[selectedWeek.value] &&\n      weeklyMenusStore.menus[selectedWeek.value].loading &&\n      !weeklyMenusStore.menus[selectedWeek.value].data.length\n  );\n\n  const isSelectedMenuErrorAndEmpty = computed(\n    () =>\n      !weeklyMenusStore.menus[selectedWeek.value] ||\n      (weeklyMenusStore.menus[selectedWeek.value].error &&\n        !weeklyMenusStore.menus[selectedWeek.value].data.length)\n  );\n\n  const refetchSelectedMenu = () => {\n    weeklyMenusStore.fetchMenu(selectedWeek.value);\n  };\n\n  const menuWithoutHiddenProducts = computed(() => {\n    if (!weeklyMenusStore.menus[selectedWeek.value]) return [];\n    return weeklyMenusStore.menus[selectedWeek.value].data.filter(product =>\n      filterOutHiddenProductsOrInvalidBundles(product, bundles.value)\n    );\n  });\n\n  const unfilteredMenu = computed(() => {\n    if (weeklyMenusStore.menus) {\n      if (isWeekCurrent(selectedWeek.value) && isFridayAndAfter5PM()) {\n        return menuWithoutHiddenProducts.value.filter(\n          products => !isChefSpecialsSection(products.tags)\n        );\n      }\n      return menuWithoutHiddenProducts.value || [];\n    } else {\n      return [];\n    }\n  });\n\n  const filterTitlesWithoutEmpty = computed(() => {\n    return menuSections.filter(\n      section =>\n        unfilteredMenu.value.find(menu => {\n          return menu.tags.includes(section);\n        }) || section === 'section-specials'\n    );\n  });\n\n  const nextStep = async () => {\n    if (basketStore.hasVoucher) {\n      await basketStore.validateVoucher();\n      if (!basketStore.voucherState.valid) {\n        voucherPopupState.errorMessage = basketStore.voucherState.message;\n        voucherPopupState.isOpen = true;\n        voucherPopupState.toCheckoutNext = true;\n        return;\n      }\n    }\n    goToCheckout();\n  };\n\n  const checkIfShouldOpenLineItemVoucherModal = () => {\n    if (checkIfShouldShowModal()) {\n      toggleModalState();\n    }\n  };\n\n  const handleVoucherApplied = () => {\n    showMessage('Your exclusive offer has been applied.');\n  };\n\n  const handleAddressEntered = () => {\n    showMessage('Success! Menu updated to show the dishes available in your area!');\n  };\n\n  const removeVoucher = async (toCheckout = true) => {\n    if (!basketStore.basketKey || !basketStore.voucher) return;\n\n    removeVoucherMutation.mutate(\n      {\n        basketId: basketStore.basketKey!,\n        voucherId: basketStore.voucher.id,\n      },\n      {\n        onSuccess: () => {\n          if (toCheckout) goToCheckout();\n        },\n      }\n    );\n  };\n\n  // if variant with no delivery frequency we go directly to the checkout\n  const goToCheckout = () => {\n    // Begin checkout event\n    const basketItems = Object.values(basketStore.normalizedBasket?.basketItem ?? {}).map(\n      basketItem => {\n        const tags =\n          weeklyMenusStore.productVariants?.[basketItem.attributes.productVariantExtId || '']\n            ?.tags ?? [];\n        return {\n          ...basketItem,\n          tags,\n        };\n      }\n    );\n    const actionField: PurchaseActionField = {\n      transaction_id: basketStore.basketKey || '',\n      value: basketStore.total,\n      payment_method: undefined,\n      coupon: basketStore?.voucher?.attributes?.code ?? undefined,\n      menu_type: isOneOff.value ? 'One-Off' : 'Recipe Kits New',\n      shipping: basketStore.shippingPrice,\n      timeframe: basketStore.isMultiWeekMenus ? 'Multi-week' : `Week ${selectedWeek.value}`,\n      fulfilment_type: 'delivery',\n    };\n    const products = convertBasketProductsIntoDataLayerProducts(basketItems);\n    trackBeginCheckoutEvent(products, actionField);\n    // End begin checkout event\n    if (!isOneOff.value) {\n      isPlanModalOpen.value = true;\n    } else {\n      router.push('/one-off/checkout');\n    }\n  };\n\n  const openBasketErrorsModal = () => {\n    showBasketErrorModal.value = true;\n  };\n\n  const handleCheckoutBtnPressed = () => {\n    if (!Object.keys(basketStore.itemsInMenus).length) return;\n    if (basketStore.isValid) {\n      trackCustomEvent('checkout_continue_cta_click');\n\n      nextStep();\n      return;\n    }\n    openBasketErrorsModal();\n  };\n\n  watch(\n    () => basketStore.voucherState,\n    (newState, oldState) => {\n      if (!newState.valid && (oldState.valid || newState.message !== oldState.message)) {\n        voucherValidation.isOpen = true;\n        voucherValidation.message = newState.message;\n\n        setTimeout(() => {\n          voucherValidation.isOpen = false;\n          voucherValidation.message = '';\n        }, 2500);\n      }\n    }\n  );\n\n  const hasOfferProduct = computed(() => {\n    return (\n      !basketStore.hasItems &&\n      basketStore.normalizedBasket?.basketItem &&\n      Object.values(basketStore.normalizedBasket.basketItem).length\n    );\n  });\n\n  const scrollToSides = () => {\n    const sidesSection = document.querySelector('#section-accompaniments, [id=\"Sides\"]');\n    if (sidesSection) {\n      sidesSection.scrollIntoView({ behavior: 'smooth' });\n      return true;\n    }\n    return false;\n  };\n\n  const handleSeeSides = () => {\n    if (!scrollToSides()) {\n      nextTick(() => scrollToSides());\n    }\n  };\n\n  const menuSections: Array<keyof typeof sectionTitles> = [\n    'section-favourites',\n    'section-specials',\n    'section-bundles',\n    'section-mix-and-match',\n    'section-vegetarian',\n    'section-kids',\n    'section-accompaniments',\n    'section-desserts',\n  ];\n\n  provide(SELECTED_MENU, selectedWeek);\n  provide(HANDLE_SEE_SIDES, handleSeeSides);\n</script>\n"],"names":["emits","__emit","router","useRouter","goToAddressSearch","push","name","close","goToRecipeKits","props","__props","emit","updateBasketMutation","useUpdateRecipeKitBasket","basketStore","useBasketStore","handleAddressClick","address","mutate","id","basketKey","params","nextTick","watch","newValue","isOpen","trackCustomEvent","weeklyMenuStore","useWeeklyMenuStore","selectedWeek","inject","SELECTED_MENU","isAddingToBasket","ref","basketItemId","computed","_a","getProductBasketId","variantId","Number","product","basketQuantity","normalizedBasket","basketItem","value","attributes","quantity","image","concat","weekIndex","availableWeeks","indexOf","handleAddToBasket","async","addItem","source","menuType","productVariantId","handleQuantityDecrease","decrementQuantity","handleIncreaseQuantity","incrementQuantity","removeVoucherMutation","useRemoveVoucher","addVoucherMutation","useApplyVoucher","selectedProduct","selectionConfirmed","currentWeek","availableVoucherProducts","isLoading","toggleModalState","useRKVoucherLineItemModal","allowsMultiple","Boolean","voucher","maxItems","itemsAdded","itemsInMenus","length","Object","values","reduce","acc","cur","find","productVariantExtId","addButtonsDisabled","handleProductAdded","changeVoucherMutation","useMutation","mutationFn","mutateAsync","voucherId","basketId","code","OOS_ALT_VOCHER","validate","onSuccess","handleClose","handleDismiss","handleDismissMutation","basketItems","store","handleAdd","handleIncrement","incrementVariant","parseInt","handleDecrement","decrementVariant","_ctx","_cache","_openBlock","_createElementBlock","_hoisted_1","frequency","DELIVERY_FREQUENCY_LOCAL","orderType","_useModel","data","useGetPreviewOneOffBasketFee","settings","useGetSettings","subscriptionPrice","totalWithoutFee","formatToString","price","_b","oneOffWithFeePrice","totalWithFee","isMobile","useBreakpoints","breakpointsTailwind","smallerOrEqual","provide","oldValue","reset","modal_shown","trackCheckoutStep","useNavigationCloseModal","handleCheckout","oneOffFeeApplicable","startSubscription","validateFully","delivery_frequency","shouldSkipCheckoutDeliveryScreen","onError","setTimeout","toRefs","exports","e","t","prototype","isSameOrAfter","this","isSame","isAfter","dayjs","extend","deliveryAddress","address1","address2","city","_c","company","_d","country","_e","firstName","_f","lastName","_g","region","_h","zip","_i","regionCode","_j","countryCode","_k","deliveryDatesStore","useDeliveryDates","hasAddress","isEditing","deliveryDate","format","handleConfirm","set","toJSON","changeDeliveryDate","date","handleSuggestion","newVal","immediate","isOpenModal","isOpenNotAvailableModal","notAvailableProducts","menuDate","findMenuForDate","newDeliveryDate","deleteInvalidProducts","map","title","filter","notEmpty","buttonClicked","clickId","clickText","trackClickEvent","imageTimeUrlMap","featureFlagStore","useFeatureFlagStore","weeklyMenusStore","useWeeklyMenusStore","showMessage","useFlashMessage","isAddonPromptModalOpen","useAddonPrompt","useTitle","breakpoints","bundles","useBundleStore","isSmaller","route","useRoute","shouldShowRecipeKitAvailableModal","query","dtw","vc","isOneOff","currentRoute","useResetBasketToDefault","deliveryZip","useBasketFetcher","subtotal","deliveryThreshold","hideAmountLeftForFreeDelivery","amountLeftToCheckout","isBelowThreshold","amountRemaining","useDeliveryThreshold","autoApplyVoucherTriggered","voucherPopupState","reactive","errorMessage","toCheckoutNext","voucherValidation","message","voucherParamCode","String","VC","onMounted","Cookies","path","domain","secure","sameSite","expires","Date","now","isFetchingBasket","couponData","coupon_added","coupon_added_from","menu_type","type","productVariantIds","checkIfShouldOpenLineItemVoucherModal","isPlanModalOpen","isAddressModalOpen","showBasketErrorModal","showRecipeKitsAvailableModal","fetchMenus","usePreventScroll","checkIfShouldShowModal","shouldShowModal","shouldShowVoucherModal","isSelectedMenuLoadingAndEmpty","menus","loading","isSelectedMenuErrorAndEmpty","error","refetchSelectedMenu","fetchMenu","menuWithoutHiddenProducts","filterOutHiddenProductsOrInvalidBundles","unfilteredMenu","isWeekCurrent","isFridayAndAfter5PM","products","isChefSpecialsSection","tags","filterTitlesWithoutEmpty","menuSections","section","menu","includes","handleVoucherApplied","handleAddressEntered","removeVoucher","toCheckout","goToCheckout","productVariants","actionField","transaction_id","total","payment_method","coupon","shipping","shippingPrice","timeframe","isMultiWeekMenus","fulfilment_type","convertBasketProductsIntoDataLayerProducts","trackBeginCheckoutEvent","handleCheckoutBtnPressed","keys","isValid","hasVoucher","validateVoucher","voucherState","valid","nextStep","newState","oldState","hasOfferProduct","hasItems","scrollToSides","sidesSection","document","querySelector","scrollIntoView","behavior","handleSeeSides","HANDLE_SEE_SIDES"],"mappings":"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","x_google_ignoreList":[10]}