{"version":3,"file":"BasketDiscounts.vue_vue_type_script_setup_true_lang-DUJALn3F.js","sources":["../../src/components/InvalidOrderModal.vue","../../src/components/AddVoucher.vue","../../src/components/DeleteVoucher.vue","../../src/components/BasketDiscounts.vue"],"sourcesContent":["<template>\n  <BaseModal\n    :title=\"title\"\n    :is-open=\"modelValue\"\n    :hide-close-button=\"hideCloseButton\"\n    :disable-close-on-back-btn=\"hideCloseButton\"\n    @update:is-open=\"$emit('update:modelValue', $event)\"\n  >\n    <div>\n      <p v-if=\"!menusValidationOject\">\n        Our minimum order spend is\n        <span class=\"font-semibold\">{{ minimumPerOrder }}</span>\n        (before delivery) and your order total is\n        <span class=\"font-semibold\">{{ basketStore.totalWithoutShippingInPounds }}</span>\n      </p>\n      <div v-else>\n        <p>\n          Please spend at least\n          <span class=\"font-semibold\">{{ minimumPerOrder }}</span>\n          from the same menu.\n        </p>\n        <p class=\"mt-6\">Review you choices for the following menus:</p>\n        <template v-for=\"(isValid, menu) in menusValidationOject\" :key=\"menu\">\n          <p v-if=\"!isValid\" class=\"ml-1 font-semibold\">- {{ convertMenuRangeToString(menu) }}</p>\n        </template>\n      </div>\n      <button\n        class=\"mt-6 text-white btn-outline bg-terracota-dark border-terracota-dark\"\n        @click=\"$emit('continue')\"\n      >\n        Fix my order\n      </button>\n    </div>\n  </BaseModal>\n</template>\n\n<script setup lang=\"ts\">\n  import useBasketStore from '@/stores/basketStore';\n  import { convertMenuRangeToString } from '@/utils/date';\n  import { trackCustomEvent } from '@/utils/analytics';\n  import useWeeklyMenuStore from '@/stores/weeklyMenusStore';\n  import { formatToString } from '@/utils/money';\n\n  interface Props {\n    modelValue: boolean;\n    hideCloseButton?: boolean;\n  }\n\n  interface Emits {\n    (e: 'update:modelValue', value: boolean): void;\n    (e: 'continue'): void;\n  }\n\n  const props = defineProps<Props>();\n  defineEmits<Emits>();\n\n  const basketStore = useBasketStore();\n  const weeklyMenuStore = useWeeklyMenuStore();\n\n  const menusValidationOject = computed(() => {\n    const menusInBasket = Object.keys(basketStore.itemsInMenus);\n    const menusWithValidation = menusInBasket.reduce((acc, menu) => {\n      acc[menu] = basketStore.isWeekValid(menu);\n      return acc;\n    }, {} as Record<string, boolean>);\n\n    if (!Object.values(menusWithValidation).includes(false)) {\n      return null;\n    }\n    return menusWithValidation;\n  });\n\n  const minimumPerOrder = computed(() => {\n    return formatToString({ price: basketStore.basketRules.minimumSpendPerOrder });\n  });\n\n  const title = computed(() => {\n    if (!menusValidationOject.value) {\n      return 'Your order total is too low';\n    }\n    return 'Your order is not valid';\n  });\n\n  const menuIndexObject = computed(() => {\n    if (!menusValidationOject.value) {\n      return null;\n    }\n    return Object.entries(menusValidationOject.value).reduce((acc, [menu, isValid]) => {\n      const foundMenuAtIndex = weeklyMenuStore.availableWeeks.findIndex(week => week === menu);\n      if (!isValid && foundMenuAtIndex > -1) {\n        acc.push(foundMenuAtIndex);\n      }\n      return acc;\n    }, [] as number[]);\n  });\n\n  watch(\n    () => props.modelValue,\n    isOpen => {\n      if (isOpen) {\n        trackCustomEvent('invalidOrderModelShown');\n        if (menuIndexObject.value) {\n          trackCustomEvent('invalidOrderPressed', {\n            invalidMenuIndexes: menuIndexObject.value,\n          });\n        }\n      }\n    },\n    { immediate: true }\n  );\n</script>\n","<template>\n  <div :class=\"{ 'pb-6 mt-6': !noPadding }\">\n    <div class=\"relative flex items-center justify-between w-full\">\n      <label\n        for=\"deliver-address\"\n        class=\"relative flex mt-0 pasta-input border-dark-linen bg-extra-light-linen\"\n      >\n        <span class=\"sr-only\">{{ placeholder }}</span>\n        <input\n          id=\"voucher\"\n          v-model=\"code\"\n          name=\"voucher\"\n          type=\"text\"\n          :placeholder=\"placeholder\"\n          class=\"w-[calc(100%-68px)] px-0 bg-extra-light-linen text-brown-grey placeholder:text-brown-grey border-none outline-none focus-visible:ring-0\"\n        />\n        <button\n          id=\"addVoucher\"\n          type=\"button\"\n          name=\"addVoucher\"\n          class=\"absolute px-4 py-2 pb-2.5 mt-2 text-sm rounded right-2\"\n          :disabled=\"!code\"\n          :class=\"\n            code\n              ? 'bg-primary-green text-white'\n              : 'bg-dusky-grey text-brown-grey cursor-not-allowed'\n          \"\n          @click=\"addVoucher\"\n        >\n          <BaseLoadingIcon v-if=\"addVoucherMutation.isPending.value\" class=\"size-5\" />\n          <span v-else>Apply</span>\n        </button>\n      </label>\n    </div>\n    <span v-if=\"errorMessage\" class=\"ml-1 text-sm text-red-500\">\n      {{ errorMessage }}\n    </span>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\n  import useApplyVoucher from '@/api/mutations/pensa/applyVoucher';\n  import useBasketStore from '@/stores/basketStore';\n  import { trackCustomEvent, CouponEventData } from '@/utils/analytics';\n  import { MenuType } from '@/utils/types';\n\n  interface Props {\n    validate?: boolean;\n    source: string; // e.g. url, basket or checkout input\n    menuType: MenuType;\n    noPadding?: boolean;\n  }\n\n  interface Emits {\n    (e: 'success'): void;\n    (e: 'checkLineItemModal'): void;\n  }\n\n  const props = withDefaults(defineProps<Props>(), {\n    validate: true,\n  });\n  const emit = defineEmits<Emits>();\n\n  const basketStore = useBasketStore();\n  const addVoucherMutation = useApplyVoucher();\n\n  const placeholder = 'Enter gift/voucher code';\n  const code = ref('');\n  const errorMessage = ref('');\n\n  const addVoucher = async () => {\n    if (!basketStore.basketKey) return;\n    addVoucherMutation.mutate(\n      {\n        basketId: basketStore.basketKey,\n        params: {\n          code: code.value,\n          validate: props.validate,\n        },\n      },\n      {\n        onSuccess: () => {\n          errorMessage.value = '';\n          const couponData: CouponEventData = {\n            coupon_added: code.value,\n            coupon_added_from: props.source,\n            menu_type: props.menuType,\n            fulfilment_type: 'delivery',\n          };\n          trackCustomEvent('coupon_added', couponData);\n          code.value = '';\n\n          if (\n            basketStore.voucher?.attributes.type === 'DiscountVoucher' &&\n            basketStore.voucher?.attributes.productVariantIds.length\n          ) {\n            emit('checkLineItemModal');\n            return;\n          }\n\n          emit('success');\n        },\n        onError: error => {\n          errorMessage.value = error.message;\n          setTimeout(() => {\n            errorMessage.value = '';\n          }, 2500);\n        },\n      }\n    );\n  };\n</script>\n","<template>\n  <button\n    :id=\"id || 'deleteVoucher'\"\n    class=\"text-xs text-right underline focus:outline-none text-off-black\"\n    @click=\"deleteVoucher\"\n  >\n    Remove\n  </button>\n</template>\n\n<script lang=\"ts\" setup>\n  import useRemoveVoucher from '@/api/mutations/pensa/removeVoucher';\n  import useBasketStore from '@/stores/basketStore';\n\n  interface Props {\n    modelValue: string;\n    voucherId: string;\n    id?: string;\n  }\n\n  const props = defineProps<Props>();\n  const emit = defineEmits(['update:modelValue']);\n\n  const basketStore = useBasketStore();\n  const removeVoucherMutation = useRemoveVoucher();\n\n  const deleteVoucher = async () => {\n    if (!basketStore.basketKey) return;\n\n    removeVoucherMutation.mutate(\n      {\n        basketId: basketStore.basketKey,\n        voucherId: props.voucherId,\n      },\n      {\n        onError: error => {\n          emit('update:modelValue', error.message);\n        },\n      }\n    );\n  };\n</script>\n","<template>\n  <div v-if=\"basketStore.voucher\">\n    <div v-if=\"basketStore.hasVoucher\" class=\"flex items-baseline justify-between py-1\">\n      <div class=\"flex flex-col\">\n        <div class=\"font-semibold\">\n          {{\n            basketStore.voucher.attributes.basketDescription || discountType(basketStore.voucher)\n          }}\n        </div>\n        <div class=\"flex items-center\">\n          <div class=\"text-xs text-mid-grey\">{{ basketStore.voucher.attributes.code }}</div>\n          <DeleteVoucher\n            v-if=\"editableVoucher\"\n            :id=\"`${gaPrefix}deleteVoucher`\"\n            v-model=\"errorMessage\"\n            :voucher-id=\"basketStore.voucher.id\"\n            class=\"ml-1\"\n          />\n        </div>\n      </div>\n      <div\n        v-if=\"basketStore.hasDiscount\"\n        class=\"font-semibold text-status-green\"\n        cy-data=\"total-discount\"\n        aria-label=\"Discount\"\n      >\n        -{{ basketStore.totalDiscountInPounds }}\n      </div>\n    </div>\n    <p v-if=\"errorMessage\" class=\"mb-2 text-red-500\">{{ errorMessage }}</p>\n    <div v-else-if=\"basketStore.voucher.attributes.type === 'AddonVoucher' && showOffer\">\n      <ProductWithVoucher\n        v-for=\"offer in basketStore.offers\"\n        :key=\"offer.id\"\n        :product=\"offer\"\n        :voucher-removal=\"editableVoucher\"\n        :voucher=\"basketStore.voucher\"\n      />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\n  import useBasketStore from '@/stores/basketStore';\n  import { discountType } from '@/utils/voucher';\n\n  interface Props {\n    editableVoucher?: boolean;\n    showOffer?: boolean;\n    gaPrefix?: string;\n  }\n\n  withDefaults(defineProps<Props>(), {\n    editableVoucher: false,\n    showOffer: false,\n    gaPrefix: '',\n  });\n\n  const basketStore = useBasketStore();\n  const errorMessage = ref('');\n\n  watch(errorMessage, newVal => {\n    if (newVal) {\n      setTimeout(() => {\n        errorMessage.value = '';\n      }, 2500);\n    }\n  });\n</script>\n"],"names":["props","__props","basketStore","useBasketStore","weeklyMenuStore","useWeeklyMenuStore","menusValidationOject","computed","menusWithValidation","Object","keys","itemsInMenus","reduce","acc","menu","isWeekValid","values","includes","minimumPerOrder","formatToString","price","basketRules","minimumSpendPerOrder","title","value","menuIndexObject","entries","isValid","foundMenuAtIndex","availableWeeks","findIndex","week","push","watch","modelValue","isOpen","trackCustomEvent","invalidMenuIndexes","immediate","placeholder","emit","__emit","addVoucherMutation","useApplyVoucher","code","ref","errorMessage","addVoucher","async","basketKey","mutate","basketId","params","validate","onSuccess","couponData","coupon_added","coupon_added_from","source","menu_type","menuType","fulfilment_type","_a","voucher","attributes","type","_b","productVariantIds","length","onError","error","message","setTimeout","removeVoucherMutation","useRemoveVoucher","deleteVoucher","voucherId","newVal"],"mappings":"irBAqDE,MAAMA,EAAQC,EAGRC,EAAcC,IACdC,EAAkBC,IAElBC,EAAuBC,GAAS,KACpC,MACMC,EADgBC,OAAOC,KAAKR,EAAYS,cACJC,QAAO,CAACC,EAAKC,KACrDD,EAAIC,GAAQZ,EAAYa,YAAYD,GAC7BD,IACN,IAEH,OAAKJ,OAAOO,OAAOR,GAAqBS,UAAS,GAG1CT,EAFE,IAEF,IAGHU,EAAkBX,GAAS,IACxBY,EAAe,CAAEC,MAAOlB,EAAYmB,YAAYC,yBAGnDC,EAAQhB,GAAS,IAChBD,EAAqBkB,MAGnB,0BAFE,gCAKLC,EAAkBlB,GAAS,IAC1BD,EAAqBkB,MAGnBf,OAAOiB,QAAQpB,EAAqBkB,OAAOZ,QAAO,CAACC,GAAMC,EAAMa,MACpE,MAAMC,EAAmBxB,EAAgByB,eAAeC,WAAUC,GAAQA,IAASjB,IAI5E,OAHFa,GAAWC,GAAuB,GACrCf,EAAImB,KAAKJ,GAEJf,CAAA,GACN,IARM,cAWXoB,GACE,IAAMjC,EAAMkC,aACFC,IACJA,IACFC,EAAiB,0BACbX,EAAgBD,OAClBY,EAAiB,sBAAuB,CACtCC,mBAAoBZ,EAAgBD,QAExC,GAGJ,CAAEc,WAAW,wuCC1CTC,EAAc,sMARpB,MAAMvC,EAAQC,EAGRuC,EAAOC,EAEPvC,EAAcC,IACduC,EAAqBC,IAGrBC,EAAOC,EAAI,IACXC,EAAeD,EAAI,IAEnBE,EAAaC,UACZ9C,EAAY+C,WACEP,EAAAQ,OACjB,CACEC,SAAUjD,EAAY+C,UACtBG,OAAQ,CACNR,KAAMA,EAAKpB,MACX6B,SAAUrD,EAAMqD,WAGpB,CACEC,UAAW,aACTR,EAAatB,MAAQ,GACrB,MAAM+B,EAA8B,CAClCC,aAAcZ,EAAKpB,MACnBiC,kBAAmBzD,EAAM0D,OACzBC,UAAW3D,EAAM4D,SACjBC,gBAAiB,YAEnBzB,EAAiB,eAAgBmB,GACjCX,EAAKpB,MAAQ,GAG8B,qBAAzC,OAAAsC,EAAA5D,EAAY6D,cAAZ,EAAAD,EAAqBE,WAAWC,QAChC,OAAAC,EAAAhE,EAAY6D,cAAZ,EAAAG,EAAqBF,WAAWG,kBAAkBC,QAElD5B,EAAK,sBAIPA,EAAK,UAAS,EAEhB6B,QAAkBC,IAChBxB,EAAatB,MAAQ8C,EAAMC,QAC3BC,YAAW,KACT1B,EAAatB,MAAQ,EAAA,GACpB,KAAI,GAGb,46BCzFF,MAAMxB,EAAQC,EACRuC,EAAOC,EAEPvC,EAAcC,IACdsE,EAAwBC,IAExBC,EAAgB3B,UACf9C,EAAY+C,WAEKwB,EAAAvB,OACpB,CACEC,SAAUjD,EAAY+C,UACtB2B,UAAW5E,EAAM4E,WAEnB,CACEP,QAAkBC,IACX9B,EAAA,oBAAqB8B,EAAMC,QAAO,GAG7C,goBCmBF,MAAMrE,EAAcC,IACd2C,EAAeD,EAAI,WAEnBZ,EAAAa,GAAwB+B,IACxBA,GACFL,YAAW,KACT1B,EAAatB,MAAQ,EAAA,GACpB,KAAI"}