{"version":3,"file":"D0asdP9j.js","sources":["../../../../../domains/commerce/components/loyalty/RewardsDetails.vue","../../../../../domains/commerce/components/loyalty/RewardsPreviewTile.vue","../../../../../brands/timberland/components/vf/utility-navigation/UtilityNavigation.vue"],"sourcesContent":["<template>\n  <div>\n    <vf-link class=\"block py-4 text-base\" to=\"/account/loyalty\">\n      <base-interpolator\n        :content=\"replaceAll($t.loyaltyRewardsDetails.pointsAmount, {\n          amount: getLocalizedNumber(vouchers?.currentLoyaltyPoints || 0),\n        })\"\n      >\n        <template #bold=\"{ args: [message] }\">\n          <span class=\"fw-bold\">\n            {{ message }}\n          </span>\n        </template>\n      </base-interpolator>\n    </vf-link>\n    <vf-milestone-bar\n      v-if=\"showLoyaltyRewardsMilestoneBar\"\n      :milestones\n      :offset\n      :value=\"vouchers?.currentLoyaltyPoints\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport type { LoyaltyVoucher } from '#types/cart'\n\nconst props = defineProps<{\n  vouchers: {\n    currentLoyaltyPoints: number\n    applicableLoyaltyVouchers: LoyaltyVoucher[]\n  }\n}>()\n\nconst { milestoneCount } = useAppConfig().components.vf.loyalty\nconst { showLoyaltyRewardsMilestoneBar } = useFeatureFlags()\nconst displayVouchers = ref(props.vouchers?.applicableLoyaltyVouchers)\nconst offset = ref(0)\n\nif (milestoneCount && displayVouchers.value.length > milestoneCount) {\n  const activeIndex = props.vouchers?.applicableLoyaltyVouchers.findLastIndex(({ available }) => available) || 0\n  const isOffset = activeIndex >= milestoneCount - 1\n\n  const max = isOffset ? activeIndex + 2 : milestoneCount\n  const min = max - milestoneCount\n\n  if (isOffset) offset.value = props.vouchers?.applicableLoyaltyVouchers[min - 1].points\n  displayVouchers.value = displayVouchers.value.slice(min, max)\n}\n\nconst milestones = displayVouchers.value.map((item) => ({\n  label: `${useFormattedPrice(Number(item.amountInCurrency), useCurrencyCode(), { minimumFractionDigits: 0 })}`,\n  count: item.points,\n  text: getLocalizedNumber(item.points),\n}))\n</script>\n","<template>\n  <base-popover\n    v-show=\"auth.loggedIn && details\"\n    v-slot=\"{ close, open, opened, toggle }\"\n    :close-on-leave=\"closeOnLeave\"\n    placement=\"bottom-end\"\n  >\n    <base-button\n      aria-controls=\"loyalty-rewards-info-box\"\n      :aria-expanded=\"opened\"\n      :class=\"brandClasses.rewardsPreviewTileButton\"\n      @click=\"toggle\"\n      @keydown.esc=\"close\"\n      @mouseenter=\"openOnHover ? open($event) : undefined\"\n    >\n      <span class=\"pointer-events-none flex gap-2 ws-nowrap\" style=\"max-width: 15rem\">\n        <span class=\"truncate\" style=\"max-width: 6.25rem\">\n          {{ greeting }}\n        </span>\n        <span class=\"fw-bold\">\n          {{ replaceAll($t.loyaltyRewardsDetails.rewardAmount, { reward: loyalty.currentReward }) }}\n        </span>\n      </span>\n    </base-button>\n    <base-popover-content :id :class=\"brandClasses.rewardsPreviewTilePopoverContent\" @keydown.esc=\"close\">\n      <div :class=\"brandClasses.rewardsPreviewTilePopoverContentInner\" data-test-id=\"rewards-info-box\">\n        <div class=\"text-md\">\n          {{ greeting }}\n        </div>\n        <div class=\"mt-1 truncate text-base fw-bold\">\n          {{ replaceAll($t.loyaltyRewardsDetails.rewardAmount, { reward: loyalty.currentReward }) }}\n        </div>\n        <loyalty-rewards-details v-if=\"loyalty.vouchers\" :vouchers=\"loyalty.vouchers\" />\n      </div>\n    </base-popover-content>\n  </base-popover>\n</template>\n\n<script setup lang=\"ts\">\nwithDefaults(\n  defineProps<{\n    closeOnLeave?: boolean\n    openOnHover?: boolean\n  }>(),\n  {\n    closeOnLeave: false,\n    openOnHover: false\n  }\n)\n\nconst { brandClasses } = useAppConfig().components.vf.loyalty\nconst auth = useAuthStore()\nconst id = useId()\nconst loyalty = useLoyaltyStore()\nconst { $t } = useNuxtApp()\nconst { details } = storeToRefs(useUserStore())\n\nconst greeting = computed(() =>\n  details.value?.firstName\n    ? replaceAll($t.loyaltyRewardsDetails.greetingWithName, { name: details.value.firstName })\n    : $t.loyaltyRewardsDetails.greeting\n)\n\nwatch(() => auth.loggedIn, () => {\n  if (auth.loggedIn && !loyalty?.vouchers) loyalty.getVouchers()\n}, { immediate: true })\n</script>\n","<template>\n  <nav :aria-label=\"$t.utilityNavigationLabel\" class=\"text-xs lh-2\">\n    <client-only>\n      <vf-link\n        v-if=\"$feature.showSignInLinkMobileOnTop && !auth.loggedIn\"\n        class=\"lg:hidden\"\n        role=\"button\"\n        to=\"/sign-in\"\n        variant=\"quiet\"\n        @click.prevent.capture=\"handleSignIn\"\n      >\n        {{ $t.signIn }}\n      </vf-link>\n    </client-only>\n    <vf-location-selector @click=\"handleClick($t.locationSelector)\" />\n    <template v-for=\"({ type, to, title }, key) in links\" :key>\n      <base-button\n        v-if=\"type === 'chat' && $feature.enableChat\"\n        class=\"hover:underlined hover:c-grey-30\"\n        data-chat=\"utility-nav\"\n        @click=\"handleChat(title)\"\n      >\n        {{ title }}\n      </base-button>\n      <vf-link\n        v-else-if=\"type !== 'chat'\"\n        :target=\"to.includes('http') ? '_blank' : undefined\"\n        :to\n        variant=\"quiet\"\n        @click=\"handleClick(title)\"\n      >\n        {{ title }}\n      </vf-link>\n    </template>\n    <vf-link\n      v-if=\"giftCardLocales.includes($locale)\"\n      to=\"/gift-card-page\"\n      variant=\"quiet\"\n      @click=\"handleClick($t.giftCardUtilityNavigation)\"\n    >\n      {{ $t.giftCardUtilityNavigation }}\n    </vf-link>\n    <vf-link\n      v-if=\"$feature.allowFavorites\"\n      class=\"flex center gap-1\"\n      to=\"/favorites\"\n      variant=\"quiet\"\n      @click=\"handleClick($t.favorites)\"\n    >\n      {{ $t.favorites }}\n      <span\n        v-if=\"favoritesStore.favorites?.length\"\n        class=\"pointer-events-none h-4 w-4 flex select-none center b-2 b-white rounded-full bg-brand-2 c-white\"\n        style=\"font-size: 0.5rem\"\n      >\n        {{ favoritesStore.favoritesCount }}\n      </span>\n    </vf-link>\n    <client-only>\n      <template v-if=\"auth.loggedIn\">\n        <vf-link\n          v-if=\"enableLoyaltyUtilityNav\"\n          :to=\"user.isLoyaltyMember ? '/account/loyalty' : '/loyalty'\"\n          variant=\"quiet\"\n          @click=\"handleClick($t.loyaltyUtilityNavLabel)\"\n        >\n          {{ $t.loyaltyUtilityNavLabel }}\n        </vf-link>\n        <vf-link to=\"/account\" variant=\"quiet\" @click=\"handleClick($t.myAccount)\">\n          {{ $t.myAccount }}\n        </vf-link>\n        <base-button class=\"hover:underlined\" @click=\"handleSignOut\">\n          {{ $t.signOut }}\n        </base-button>\n        <loyalty-rewards-preview-tile\n          v-if=\"showLoyaltyRewardsInUtilityNav\"\n          class=\"<lg:hidden\"\n          close-on-leave\n          open-on-hover\n        />\n      </template>\n      <template v-else>\n        <vf-link\n          v-if=\"enableLoyaltyUtilityNav\"\n          to=\"/loyalty\"\n          variant=\"quiet\"\n          @click=\"handleClick($t.earnRewards)\"\n        >\n          {{ $t.earnRewards }}\n        </vf-link>\n        <vf-link :class=\"{ '<lg:hidden': $feature.showSignInLinkMobileOnTop }\" role=\"button\" to=\"/sign-in\" variant=\"quiet\" @click.prevent.capture=\"handleSignIn\">\n          {{ $t.signIn }}\n        </vf-link>\n      </template>\n    </client-only>\n  </nav>\n</template>\n\n<script lang=\"ts\" setup>\nimport type { NavigationLink } from '#types/navigation'\n\ndefineProps<{\n  links: NavigationLink[]\n}>()\n\nconst emit = defineEmits<{\n  /**\n   * Emits when a navigation item is clicked\n   */\n  click: []\n}>()\n\nconst auth = useAuthStore()\nconst user = useUserStore()\nconst { DialogSignIn } = useDialogsStore()\nconst favoritesStore = useFavoritesStore()\nconst { $chat, $gtm, $t } = useNuxtApp()\nconst { giftCardLocales } = useAppConfig().components.vf.utilityNavigation\n\nconst { enableLoyaltyUtilityNav, showLoyaltyRewardsInUtilityNav } = useFeatureFlags()\n\nconst handleClick = (title: string) => {\n  emit('click')\n  $gtm.push('topNav.onClickUtilityLink', fullCapitalize(title))\n}\n\nconst handleChat = (title: string) => {\n  handleClick(title)\n  $chat.open()\n}\n\nconst handleSignIn = async () => {\n  handleClick($t.signIn)\n  // Workaround until the bug in radix-vue is fixed\n  // https://github.com/radix-vue/radix-vue/issues/539\n  await nextTick()\n  DialogSignIn.open({\n    formLocation: 'modal:single:header:none'\n  })\n}\n\nconst handleSignOut = () => {\n  handleClick($t.signOut)\n  auth.logout()\n}\n</script>\n"],"names":["props","__props","milestoneCount","useAppConfig","showLoyaltyRewardsMilestoneBar","useFeatureFlags","displayVouchers","ref","_a","offset","activeIndex","_b","available","isOffset","max","min","_c","milestones","item","useFormattedPrice","useCurrencyCode","getLocalizedNumber","brandClasses","auth","useAuthStore","id","useId","loyalty","useLoyaltyStore","$t","useNuxtApp","details","storeToRefs","useUserStore","greeting","computed","replaceAll","watch","emit","__emit","user","DialogSignIn","useDialogsStore","favoritesStore","useFavoritesStore","$chat","$gtm","giftCardLocales","enableLoyaltyUtilityNav","showLoyaltyRewardsInUtilityNav","handleClick","title","fullCapitalize","handleChat","handleSignIn","nextTick","handleSignOut"],"mappings":"olBA2BA,MAAMA,EAAQC,EAOR,CAAE,eAAAC,CAAe,EAAIC,EAAa,EAAE,WAAW,GAAG,QAClD,CAAE,+BAAAC,GAAmCC,IACrCC,EAAkBC,GAAIC,EAAAR,EAAM,WAAN,YAAAQ,EAAgB,yBAAyB,EAC/DC,EAASF,EAAI,CAAC,EAEpB,GAAIL,GAAkBI,EAAgB,MAAM,OAASJ,EAAgB,CAC7D,MAAAQ,IAAcC,EAAAX,EAAM,WAAN,YAAAW,EAAgB,0BAA0B,cAAc,CAAC,CAAE,UAAAC,CAAgB,IAAAA,KAAc,EACvGC,EAAWH,GAAeR,EAAiB,EAE3CY,EAAMD,EAAWH,EAAc,EAAIR,EACnCa,EAAMD,EAAMZ,EAEdW,MAAiB,OAAQG,EAAAhB,EAAM,WAAN,YAAAgB,EAAgB,0BAA0BD,EAAM,GAAG,QAChFT,EAAgB,MAAQA,EAAgB,MAAM,MAAMS,EAAKD,CAAG,CAC9D,CAEA,MAAMG,EAAaX,EAAgB,MAAM,IAAKY,IAAU,CACtD,MAAO,GAAGC,GAAkB,OAAOD,EAAK,gBAAgB,EAAGE,GAAmB,EAAA,CAAE,sBAAuB,CAAA,CAAG,CAAC,GAC3G,MAAOF,EAAK,OACZ,KAAMG,EAAmBH,EAAK,MAAM,CACpC,EAAA,s7BCJF,KAAM,CAAE,aAAAI,CAAa,EAAInB,EAAa,EAAE,WAAW,GAAG,QAChDoB,EAAOC,IACPC,EAAKC,GAAM,aAAA,EACXC,EAAUC,KACV,CAAE,GAAAC,GAAOC,IACT,CAAE,QAAAC,CAAY,EAAAC,GAAYC,EAAc,CAAA,EAExCC,EAAWC,GAAS,IACxB,OAAA,OAAA3B,EAAAuB,EAAQ,QAAR,MAAAvB,EAAe,UACX4B,EAAWP,EAAG,sBAAsB,iBAAkB,CAAE,KAAME,EAAQ,MAAM,SAAW,CAAA,EACvFF,EAAG,sBAAsB,SAAA,EAGzB,OAAAQ,GAAA,IAAMd,EAAK,SAAU,IAAM,CAC3BA,EAAK,UAAY,EAACI,GAAA,MAAAA,EAAS,aAAkB,aAAY,EAC5D,CAAE,UAAW,EAAA,CAAM,+1CCwCtB,MAAMW,EAAOC,EAOPhB,EAAOC,IACPgB,EAAOP,IACP,CAAE,aAAAQ,GAAiBC,KACnBC,EAAiBC,KACjB,CAAE,MAAAC,EAAO,KAAAC,EAAM,GAAAjB,GAAOC,EAAW,EACjC,CAAE,gBAAAiB,CAAgB,EAAI5C,EAAa,EAAE,WAAW,GAAG,kBAEnD,CAAE,wBAAA6C,EAAyB,+BAAAC,CAA+B,EAAI5C,EAAgB,EAE9E6C,EAAeC,GAAkB,CACrCb,EAAK,OAAO,EACZQ,EAAK,KAAK,4BAA6BM,GAAeD,CAAK,CAAC,CAAA,EAGxDE,EAAcF,GAAkB,CACpCD,EAAYC,CAAK,EACjBN,EAAM,KAAK,CAAA,EAGPS,EAAe,SAAY,CAC/BJ,EAAYrB,EAAG,MAAM,EAGrB,MAAM0B,GAAS,EACfd,EAAa,KAAK,CAChB,aAAc,0BAAA,CACf,CAAA,EAGGe,EAAgB,IAAM,CAC1BN,EAAYrB,EAAG,OAAO,EACtBN,EAAK,OAAO,CAAA"}