{"version":3,"file":"Cb4PSqEs.js","sources":["../../../../components/TopBanner/Referrals/ReferralBanner.vue","../../../../components/TopBanner/Promos/PromoCodeTierValue.vue","../../../../components/Icon/TierBoxIcon.vue","../../../../components/TopBanner/Promos/PromoCodeTierItem.vue","../../../../components/TopBanner/Promos/PromoCodeTiers.vue","../../../../components/TopBanner/Referrals/ReferralRedemptionLimitBanner.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"isVisible && referralCodeStatus === 'EXPIRED'\"\n    class=\"tw-bg-nl-green-100 tw-h-[45px] tw-text-nl-yellow-100 tw-font-agenda tw-flex tw-items-center tw-justify-center tw-uppercase tw-font-semibold tw-tracking-wide tw-text-center tw-leading-[1.04] tw-px-5\"\n  >\n    {{ expiredMessageBody }}\n  </div>\n  <div\n    v-else-if=\"isVisible && messageBody\"\n    class=\"tw-bg-nl-green-100 tw-h-[45px] tw-text-nl-yellow-100 tw-font-agenda tw-flex tw-flex-col tw-items-center tw-justify-center tw-uppercase tw-font-semibold tw-tracking-wide tw-text-center tw-leading-[1.04] tw-px-5 max-md:tw-text-[13px]\"\n  >\n    <span class=\"sm:tw-inline md:tw-block tw-max-h-38 tw-overflow-hidden\" v-html=\"messageBody\"></span>\n    <span class=\"sm:tw-inline md:tw-block tw-max-h-38 tw-overflow-hidden tw-text-[87.5%] md:tw-pl-2 tw-font-normal\" v-if=\"messageFineprint\"\n          v-html=\"messageFineprint\"></span>\n  </div>\n  <div\n    v-else-if=\"isVisible && referrer && maxAmountPerOrder\"\n    class=\"tw-bg-nl-green-100 tw-h-[45px] tw-text-nl-yellow-100 tw-font-agenda tw-flex tw-flex-col tw-items-center tw-justify-center tw-uppercase tw-font-semibold tw-tracking-wide tw-text-center tw-leading-[1.04] tw-px-5 max-md:tw-text-[13px]\"\n  >\n    <span class=\"sm:tw-inline md:tw-block tw-max-h-38 tw-overflow-hidden\">\n          Your friend {{ referrer.firstName }} gave you {{\n        maxAmountPerOrder\n      }} off your {{ totalWeeksForReferralFullAmount }}<span\n      v-if=\"splitAndReceiverAreNotSameAmount\"> ({{ receiverBonus }} total)</span>! Applies at checkout.\n        </span>\n    <span class=\"sm:tw-inline md:tw-block tw-max-h-38 tw-overflow-hidden tw-text-[87.5%] md:tw-pl-2 tw-font-normal\" v-if=\"messageFineprint\"\n          v-html=\"messageFineprint\"></span>\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport {roundPriceIfDecimal} from '@/utils/helpers'\n\nconst appSettingsStore = useAppSettingsStore();\nconst cartStore = useCartStore();\nconst route = useRoute();\nconst { bannerTypeToShow, referralCodeStatus, referee, referrer, referralCode } = storeToRefs(cartStore);\n\nconst isVisible = computed(() => {\n  const hideOnRoutes = [\n    'checkout-processing',\n    'success',\n    'success-partner'\n  ]\n\n  if (hideOnRoutes.includes(route.name)) {\n    return false\n  }\n\n  if (referralCodeStatus.value === 'EXPIRED') {\n    if (bannerTypeToShow.value === 'discount') {\n      // if there is a promo banner, we don't want to show an expired banner too\n      return false;\n    }\n    // only return true when its expired and no other banner exist.\n    return true;\n  }\n\n  return !!referralCode.value && bannerTypeToShow.value === 'raf'\n})\n\nwatch(isVisible, (newValue) => {\n  window.referralBannerIsVisible = newValue;\n});\n\nconst receiverBonus = computed(() => {\n  return roundPriceIfDecimal(appSettingsStore.referralSystemDiscounts?.referral)\n})\nconst maxAmountPerOrder = computed(() => {\n  return roundPriceIfDecimal(appSettingsStore.referralSystemDiscounts?.max_amount_per_order)\n})\nconst totalWeeksForReferralFullAmount = computed(() => {\n  return appSettingsStore.referralSystemDiscounts?.total_weeks_for_referral_full_amount\n})\nconst splitAndReceiverAreNotSameAmount = computed(() => {\n  return receiverBonus != maxAmountPerOrder\n})\nconst messageBody = computed(() => {\n  const message = referee.value?.firstName\n    ? appSettingsStore.referralSystemDiscounts?.raf_float_banner_text_with_name\n    : appSettingsStore.referralSystemDiscounts?.raf_float_banner_text\n\n  if (!message) {\n    return null\n  }\n\n  return message\n    .replaceAll('[referee_first_name]', referee.value?.firstName ?? '')\n    .replaceAll('[referrer_first_name]', referrer.value?.firstName)\n})\nconst expiredMessageBody = computed(() => {\n  return appSettingsStore.referralSystemDiscounts?.raf_float_banner_expired_text\n})\nconst messageFineprint = computed(() => {\n  return appSettingsStore.referralSystemDiscounts?.raf_float_banner_fineprint\n})\n\nonMounted(() => {\n  window.referralBannerIsVisible = isVisible.value;\n})\n</script>\n<style scoped>\n@import url(\"~/assets/css/app.css\");\n</style>\n","<script setup lang=\"ts\">\nimport {getNumberSuffix, maybePluralize} from '~/utils/helpers.js'\n\nconst props = defineProps({\n  tier: {\n    required: true\n  }\n});\n</script>\n\n<template>\n  <span class=\"tw-font-agenda tw-text-[12px] tw-font-semibold tw-text-nl-yellow-100 sm:tw-whitespace-nowrap sm:tw-text-base \">\n    <span class=\"tw-hidden sm:tw-inline\">\n      {{ `${props.tier.weekly_ordinal_number}${getNumberSuffix(props.tier.weekly_ordinal_number)}` }} week:\n    </span>\n    <span class=\"tw-font-bold\" v-show=\"props.tier.type === 'dollars_off'\"> ${{ props.tier.amount }} OFF </span>\n    <span class=\"tw-font-bold\" v-show=\"props.tier.type === 'percent_off'\"> {{ props.tier.amount }}% OFF </span>\n    <span class=\"tw-font-bold\" v-show=\"props.tier.type === 'products_off'\">\n      {{ props.tier.amount }} {{ maybePluralize(props.tier.amount, 'item') }} OFF\n    </span>\n  </span>\n</template>\n<style scoped>\n@import url(\"~/assets/css/app.css\");\n</style>\n","<template>\n  <svg width=\"39.5\" height=\"27\" viewBox=\"0 0 39.5 27\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      d=\"M39.5,13.5l-5.9-8.9L19.9,0l0,0L19.7,0l-0.1,0.1l0,0L5.9,4.6L0,13.5l5.7-2V13v5.4V22l14,5l14-5v-4.1V13v-1.5L39.5,13.5z M25.6,7.6L22,1.8l10.9,3.6l4.1,6.1L25.6,7.6z M20.2,14h12.5v3.1l-12.5,2.3V14z M19.2,19.4L6.7,17.6V14h12.5V19.4z M6.6,5.4l10.9-3.6l-3.6,5.8l-11.4,4L6.6,5.4z M6.7,11.1l7.8-2.7l4-6.6l0.6-0.4V13H6.7V11.1z M6.7,18.6l12.5,1.9v5.3L6.7,21.3V18.6z M32.7,21.3l-12.5,4.5v-5.3l12.5-2.3V21.3z M32.7,13H20.2V1.4l0.6,0.4l4,6.6l7.8,2.7V13z\"\n      fill=\"#ffffff\" />\n  </svg>\n</template>\n","<script setup lang=\"ts\">\nimport PromoCodeTierValue from \"~/components/TopBanner/Promos/PromoCodeTierValue.vue\";\nimport TierBoxIcon from \"~/components/Icon/TierBoxIcon.vue\";\n\nconst props = defineProps({\n  tier: {\n    required: true\n  }\n});\n</script>\n\n<template>\n  <div class=\"tw-flex tw-flex-col tw-items-center sm:tw-flex-row sm:tw-space-x-1 tw-font-agenda\">\n    <div class=\"tw-relative\">\n      <TierBoxIcon/>\n    </div>\n    <PromoCodeTierValue :tier=\"props.tier\"/>\n  </div>\n</template>\n<style scoped>\n@import url(\"~/assets/css/app.css\");\n</style>\n","<script setup lang=\"ts\">\nimport PromoCodeTierItem from \"~/components/TopBanner/Promos/PromoCodeTierItem.vue\";\n\nconst cartStore = useCartStore();\nconst onboardingStore = useOnboardingStore();\n\nconst isVisible = computed(() => {\n  return onboardingStore.hasPromoCode && onboardingStore.hasPromoCodeTiersBanner && cartStore.bannerTypeToShow === 'discount'\n});\n\nconst finalBoldText = () => {\n  return cartStore.promoCodeBanner?.boldText\n}\nconst finalNonBoldText = () => {\n  return cartStore.promoCodeBanner?.nonBoldText\n}\nconst finalBgColor = () => {\n  return cartStore.promoCodeBanner?.bgColor\n}\nconst finalTextColor = () => {\n  return cartStore.promoCodeBanner?.color\n}\nconst bannerDescription = computed(() => {\n  return cartStore.promoCodeBanner?.description;\n});\n</script>\n\n<template>\n  <div class=\"tw-sticky tw-top-0 tw-right-0 tw-left-0 tw-z-50 floating-bar-promo promo-banner tw-bg-nl-green-100 tw-pt-[6px] tw-pb-1 md:tw-py-4 tw-normal-case\" v-if=\"isVisible\">\n    <div class=\"md:tw-mx-auto md:tw-flex md:tw-w-[95%] md:tw-items-center md:tw-justify-around md:tw-space-x-[30px]\">\n      <h4\n        class=\"tw-text-center tw-font-agenda tw-text-[12px] tw-font-semibold tw-text-nl-yellow-100 sm:tw-text-base md:tw-hidden\"\n      >\n        {{ cartStore.promoCodeBanner.description }}\n      </h4>\n      <ul class=\"tw-mt-2 tw-flex tw-items-center tw-justify-center tw-gap-x-[10px] md:tw-mt-0 tw-font-agenda\">\n        <li class=\"tw-hidden md:tw-block\">\n          <h4 class=\"tw-font-agenda tw-text-[12px] tw-font-bold tw-text-nl-yellow-100 sm:tw-text-base tw-normal-case\">\n            {{ cartStore.promoCodeBanner.description }}\n          </h4>\n        </li>\n        <li v-for=\"tier in cartStore.promoCodeBanner?.tiers\" :key=\"tier.id\">\n          <PromoCodeTierItem :tier=\"tier\"/>\n        </li>\n      </ul>\n    </div>\n  </div>\n</template>\n<style scoped>\n@import url(\"~/assets/css/app.css\");\n</style>\n","<script setup lang=\"ts\">\nconst onboardingStore = useOnboardingStore();\nconst cartStore = useCartStore();\n\nconst {promoCode} = storeToRefs(cartStore);\nconst {onReferralRedemptionLimit} = storeToRefs(onboardingStore);\n\nconst apply = () => {\n  window.location.href = `${window.location.origin}${window.location.pathname}?pc=HEALTHYBABY`\n}\n\nconst isVisible = computed(() => {\n  return !promoCode.value?.code && onReferralRedemptionLimit.value\n})\n</script>\n\n<template>\n  <div\n    v-if=\"isVisible\"\n    class=\"tw-bg-nl-green-100 tw-h-[45px] tw-text-nl-yellow-100 tw-font-agenda tw-flex tw-items-center tw-justify-center tw-uppercase tw-font-semibold tw-tracking-wide tw-text-center tw-leading-[1.04] tw-px-5\"\n  >\n    <button @click=\"apply\">\n      This referral code has reached its redemption limit. Use code HEALTHYBABY instead to get 50%\n      OFF your first week! <span class=\"tw-font-bold\">Click to apply.</span>\n    </button>\n  </div>\n</template>\n<style scoped>\n@import url(\"~/assets/css/app.css\");\n</style>\n"],"names":["appSettingsStore","useAppSettingsStore","cartStore","useCartStore","route","useRoute","bannerTypeToShow","referralCodeStatus","referee","referrer","referralCode","storeToRefs","isVisible","computed","watch","newValue","receiverBonus","roundPriceIfDecimal","_a","maxAmountPerOrder","totalWeeksForReferralFullAmount","splitAndReceiverAreNotSameAmount","messageBody","message","_b","_c","_d","_e","expiredMessageBody","messageFineprint","onMounted","props","__props","_hoisted_1","_hoisted_2","_createElementVNode","_hoisted_3","_cache","onboardingStore","useOnboardingStore","promoCode","onReferralRedemptionLimit","apply"],"mappings":"0lCAgCA,MAAMA,EAAmBC,IACnBC,EAAYC,IACZC,EAAQC,IACR,CAAE,iBAAAC,EAAkB,mBAAAC,EAAoB,QAAAC,EAAS,SAAAC,EAAU,aAAAC,CAAa,EAAIC,EAAYT,CAAS,EAEjGU,EAAYC,EAAS,IACJ,CACnB,sBACA,UACA,iBAAA,EAGe,SAAST,EAAM,IAAI,EAC3B,GAGLG,EAAmB,QAAU,UAC3BD,EAAiB,QAAU,WAQ1B,CAAC,CAACI,EAAa,OAASJ,EAAiB,QAAU,KAC3D,EAEKQ,EAAAF,EAAYG,GAAa,CAC7B,OAAO,wBAA0BA,CAAA,CAClC,EAEK,MAAAC,EAAgBH,EAAS,IAAM,OAC5B,OAAAI,GAAoBC,EAAAlB,EAAiB,0BAAjB,YAAAkB,EAA0C,QAAQ,CAAA,CAC9E,EACKC,EAAoBN,EAAS,IAAM,OAChC,OAAAI,GAAoBC,EAAAlB,EAAiB,0BAAjB,YAAAkB,EAA0C,oBAAoB,CAAA,CAC1F,EACKE,EAAkCP,EAAS,IAAM,OACrD,OAAOK,EAAAlB,EAAiB,0BAAjB,YAAAkB,EAA0C,oCAAA,CAClD,EACKG,EAAmCR,EAAS,IACzCG,GAAiBG,CACzB,EACKG,EAAcT,EAAS,IAAM,eAC3B,MAAAU,GAAUL,EAAAV,EAAQ,QAAR,MAAAU,EAAe,WAC3BM,EAAAxB,EAAiB,0BAAjB,YAAAwB,EAA0C,iCAC1CC,EAAAzB,EAAiB,0BAAjB,YAAAyB,EAA0C,sBAE9C,OAAKF,EAIEA,EACJ,WAAW,yBAAwBG,EAAAlB,EAAQ,QAAR,YAAAkB,EAAe,YAAa,EAAE,EACjE,WAAW,yBAAyBC,EAAAlB,EAAS,QAAT,YAAAkB,EAAgB,SAAS,EALvD,IAKuD,CACjE,EACKC,EAAqBf,EAAS,IAAM,OACxC,OAAOK,EAAAlB,EAAiB,0BAAjB,YAAAkB,EAA0C,6BAAA,CAClD,EACKW,EAAmBhB,EAAS,IAAM,OACtC,OAAOK,EAAAlB,EAAiB,0BAAjB,YAAAkB,EAA0C,0BAAA,CAClD,EAED,OAAAY,EAAU,IAAM,CACd,OAAO,wBAA0BlB,EAAU,KAAA,CAC5C,qgCC/FD,MAAMmB,EAAQC,6gBCFPC,GAAY,CAAC,aAAY,YAAsB,QAAW,cAAC,gDAE6XC,GAAAC,EAAA,OAAA,CACzb,EAAA,idAAiBC,GAAA,mBACfC,EAAA,uPCDR,MAAMN,EAAQC,4zBCDd,MAAM9B,EAAYC,IACZmC,EAAkBC,IAElB3B,EAAYC,EAAS,IAClByB,EAAgB,cAAgBA,EAAgB,yBAA2BpC,EAAU,mBAAqB,UAClH,EAcyB,OAAAW,EAAS,IAAM,OACvC,OAAOK,EAAAhB,EAAU,kBAAV,YAAAgB,EAA2B,WAAA,CACnC,+uBCvBD,MAAMoB,EAAkBC,IAClBrC,EAAYC,IAEZ,CAAC,UAAAqC,CAAA,EAAa7B,EAAYT,CAAS,EACnC,CAAC,0BAAAuC,CAAA,EAA6B9B,EAAY2B,CAAe,EAEzDI,EAAQ,IAAM,CACX,OAAA,SAAS,KAAO,GAAG,OAAO,SAAS,MAAM,GAAG,OAAO,SAAS,QAAQ,iBAAA,EAGvE9B,EAAYC,EAAS,IAAM,OAC/B,MAAO,GAACK,EAAAsB,EAAU,QAAV,MAAAtB,EAAiB,OAAQuB,EAA0B,KAAA,CAC5D"}