{"version":3,"file":"DccoBgX1.js","sources":["../../../../../domains/commerce/components/product/reviews/Faceoff.vue","../../../../../domains/commerce/components/product/reviews/RollupCarousel.vue","../../../../../domains/commerce/components/product/reviews/Filters.vue","../../../../../domains/commerce/components/product/reviews/Search.vue","../../../../../domains/commerce/components/product/reviews/Sort.vue","../../../../../domains/commerce/components/product/reviews/Skeleton.vue","../../../../../domains/core/composables/useTimeSince/index.ts","../../../../../domains/commerce/components/product/reviews/Item.vue","../../../../../domains/commerce/components/product/reviews/List.vue","../../../../../domains/commerce/components/product/reviews/Reviews.vue"],"sourcesContent":["<template>\n  <section\n    class=\"b b-grey-50 lg:grid lg:cols-2 lg:divide-x divide-grey-50 <lg:divide-y\"\n    data-test-id=\"product-reviews-pros-cons\"\n  >\n    <div v-if=\"mostLikedPositive\" class=\"relative px-8 py-4 space-y-2\">\n      <h3 class=\"text-xs\">\n        {{ $t.mostLikedPositiveReview }}\n      </h3>\n      <div class=\"flex gap-1\">\n        <vf-rating :value=\"mostLikedPositive.rating\" />\n        <span>({{ getReviewCount(mostLikedPositive.rating) }})</span>\n      </div>\n      <h5 class=\"title-5 uppercase\">\n        {{ mostLikedPositive.headline }}\n      </h5>\n      <p v-if=\"mostLikedPositive.comments.length < mostLikedCommentTextThreshold\">\n        {{ mostLikedPositive.comments }}\n      </p>\n      <base-collapse\n        v-else\n        class=\"break-words\"\n        class-content=\"min-h-14\"\n        class-toggle=\"mt-2\"\n        disable-visibility-toggle\n        inverted\n      >\n        <template #toggle=\"{ expanded }\">\n          <div class=\"flex items-center\">\n            {{ $t.showCompleteReview }}\n            <vf-icon :dir=\"expanded ? 'up' : 'down'\" name=\"chevron\" size=\"md\" />\n          </div>\n        </template>\n        <template #default=\"{ expanded }\">\n          <p :class=\"{ 'line-clamp-3': !expanded }\">\n            {{ mostLikedPositive.comments }}\n          </p>\n        </template>\n      </base-collapse>\n      <!-- VS Block -->\n      <div\n        v-if=\"mostLikedPositive && mostLikedNegative\"\n        class=\"vf-6ht6py \"\n      >\n        {{ $t.versus }}\n      </div>\n    </div>\n    <!-- Negative Block -->\n    <div v-if=\"mostLikedNegative\" class=\"px-8 py-4 space-y-2\">\n      <p class=\"text-xs\">\n        {{ $t.mostLikedNegativeReview }}\n      </p>\n      <div class=\"flex gap-1\">\n        <vf-rating :value=\"mostLikedNegative.rating\" />\n        <span>({{ getReviewCount(mostLikedNegative.rating) }})</span>\n      </div>\n      <h5 class=\"title-5 uppercase\">\n        {{ mostLikedNegative.headline }}\n      </h5>\n      <p v-if=\"mostLikedNegative.comments.length < mostLikedCommentTextThreshold\">\n        {{ mostLikedNegative.comments }}\n      </p>\n      <base-collapse\n        v-else\n        class=\"break-words\"\n        class-content=\"min-h-14\"\n        class-toggle=\"mt-2\"\n        disable-visibility-toggle\n        inverted\n      >\n        <template #toggle=\"{ expanded }\">\n          <div class=\"flex items-center\">\n            {{ $t.showCompleteReview }}\n            <vf-icon :dir=\"expanded ? 'up' : 'down'\" name=\"chevron\" size=\"md\" />\n          </div>\n        </template>\n        <template #default=\"{ expanded }\">\n          <p :class=\"{ 'line-clamp-3': !expanded }\">\n            {{ mostLikedNegative.comments }}\n          </p>\n        </template>\n      </base-collapse>\n    </div>\n  </section>\n</template>\n\n<script lang=\"ts\" setup>\nimport type { ProductReviewsRollupFaceoff } from '#root/api/clients/product/data-contracts'\n\nconst props = defineProps<{\n  mostLikedPositive: ProductReviewsRollupFaceoff | null\n  mostLikedNegative: ProductReviewsRollupFaceoff | null\n  mostLikedCommentTextThreshold: number\n  ratingHistogram: Array<{ rating: number, reviewCount: number }>\n}>()\n\nconst { $t } = useNuxtApp()\n\nconst getReviewCount = (rating: number) =>\n  props.ratingHistogram?.find(({ rating: r }) => r === rating)?.reviewCount || 0\n</script>\n","<template>\n  <div data-test-id=\"product-reviews-media-carousel\">\n    <vf-carousel\n      v-style:w=\"{ sm: '15rem', md: '22rem', lg: '37rem' }\"\n      class=\"m-a flex justify-center\"\n      class-controls=\"-mx-10\"\n      :loop=\"reviewUgcMedia.length > 3\"\n    >\n      <base-button\n        v-for=\"(review, i) in reviewUgcMedia\"\n        :key=\"i\"\n        :aria-label=\"$t.reviewUgcViewInPopup\"\n        style=\"margin: 0 0.25rem\"\n        @click=\"openReviewUgc(i)\"\n      >\n        <base-picture\n          v-if=\"review.media[0].type === 'image'\"\n          :alt=\"review.media[0].caption\"\n          fit=\"cover\"\n          height=\"112\"\n          :props-img=\"{ class: 'aspect-square w-a', style: 'height: 7rem' }\"\n          :src=\"review.media[0].uri\"\n          width=\"112\"\n        />\n        <base-video\n          v-else-if=\"review.media[0].type === 'video'\"\n          class=\"aspect-square\"\n          :src=\"review.media[0].uri\"\n          style=\"height: 7rem\"\n        />\n      </base-button>\n    </vf-carousel>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nconst props = defineProps<{\n  productId: string\n  reviewUgcMedia: any\n}>()\n\nconst { $t } = useNuxtApp()\nconst { DialogReviewUgc } = useDialogsStore()\n\nconst openReviewUgc = (activeIndex: number) => {\n  DialogReviewUgc.open({\n    productId: props.productId,\n    reviewUgcMedia: props.reviewUgcMedia,\n    activeIndex,\n    isCarousel: true,\n  })\n}\n</script>\n","<template>\n  <div>\n    <!-- Mobile filters -->\n    <div class=\"md:hidden \">\n      <base-button\n        class=\"h-10 flex center b b-grey-10 rounded-sm px-6 <md:w-full space-x-2\"\n        @click=\"openFiltersPanel\"\n      >\n        <span class=\"text-sm\">{{ $t.filterReviews }}</span>\n        <vf-icon name=\"filters\" />\n      </base-button>\n    </div>\n    <!-- Desktop Dropdown filters -->\n    <div class=\"flex gap-3 wrap lg:mt-3 <md:hidden\">\n      <template v-for=\"(filter, code) in filters\" :key=\"code\">\n        <vf-dropdown v-if=\"filter.type === 'Checkbox'\" :label=\"filter.label\">\n          <filter-options\n            :key=\"`reviewFilter-${code}`\"\n            :filter\n            layout=\"grid\"\n            :model-value=\"filter.selected\"\n            @update:model-value=\"handleFilterUpdate(code, $event)\"\n          />\n        </vf-dropdown>\n      </template>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport type { FiltersMap } from '#types/filters'\n\nconst props = defineProps<{\n  filters: FiltersMap\n  currentReviewsCount: number\n}>()\n\nconst emit = defineEmits<{\n  'filter-by': []\n  'open-filters-panel': []\n  'update:filters': [filters: FiltersMap]\n}>()\n\nconst { $t } = useNuxtApp()\n\nconst handleFilterUpdate = (code: string | number, selected: string[]) => {\n  const updatedFilters = {\n    ...props.filters,\n    [code]: {\n      ...props.filters[code],\n      selected\n    }\n  }\n  emit('update:filters', updatedFilters)\n  emit('filter-by')\n}\n\nconst openFiltersPanel = () => emit('open-filters-panel')\n</script>\n","<template>\n  <div :class=\"brandClasses.reviewsSearchWrapper\">\n    <p v-if=\"reviewsCount\" class=\"text-base <lg:mb-2 \">\n      {{ replaceAll($pluralize($t.reviewedByCustomers, reviewsCount), { count: reviewsCount }) }}\n    </p>\n    <div v-if=\"$feature.showReviewSearchOnPDP\">\n      <form\n        class=\"flex\"\n        :class=\"brandClasses.reviewsSearchForm\"\n        role=\"search\"\n        @submit.prevent=\"emit('search')\"\n      >\n        <vf-input :class=\"brandClasses.reviewsSearchInput\">\n          <template #input>\n            <base-input\n              v-model=\"searchTerm\"\n              :aria-label=\"$t.searchReviews\"\n              class=\"h-full\"\n              maxlength=\"200\"\n              :placeholder=\"`${$t.searchReviews}...`\"\n              type=\"text\"\n              @change=\"emit('update:model-value', $event)\"\n            />\n          </template>\n          <template #end>\n            <base-button\n              v-if=\"searchTerm\"\n              :aria-label=\"$t.searchClearLabel\"\n              @click=\"clearSearch\"\n            >\n              <vf-icon name=\"clear\" :size=\"iconSize\" />\n            </base-button>\n          </template>\n        </vf-input>\n        <base-button\n          :aria-label=\"$t.searchButtonLabel\"\n          :class=\"brandClasses.reviewsSearchSubmit\"\n          type=\"submit\"\n        >\n          <vf-icon name=\"search\" :size=\"iconSize\" />\n        </base-button>\n      </form>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport type { IconSizes } from '#types/sizes'\n\ndefineProps<{\n  iconSize: IconSizes\n  reviewsCount: number\n}>()\n\nconst emit = defineEmits<{\n  'search': []\n  'update:model-value': [value: string]\n}>()\n\nconst { brandClasses } = useAppConfig().pages.pdp\n\nconst searchTerm = defineModel<string>()\n\nconst clearSearch = () => {\n  searchTerm.value = ''\n  emit('search')\n}\n</script>\n","<template>\n  <div class=\"flex justify-end\">\n    <select-sort\n      v-model=\"sort\"\n      class=\"<md:w-full\"\n      :label=\"$t.sort\"\n      :options=\"sortOptions\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\ndefineProps<{\n  sortOptions: Array<{ value: string, label: string }>\n}>()\n\nconst sort = defineModel<string>()\n</script>\n","<template>\n  <div class=\"space-y-4\">\n    <!-- Review Headline -->\n    <div class=\"w-1/2 flex children:skeleton gap-2 lg:w-1/3 md:w-2/3\">\n      <div class=\"h-5 w-full md:w-1/3\" />\n      <div class=\"h-5 w-1/3 md:w-1/8\" />\n      <div class=\"h-5 w-full <md:hidden\" />\n    </div>\n    <div class=\"flex flex-col-reverse gap-2 lg:(flex-row gap-16 between)\">\n      <div class=\"w-full children:skeleton lg:(w-2/3 shrink-0) space-y-2\">\n        <div class=\"h-4 w-full <lg:hidden\" />\n        <div class=\"h-4 w-full <lg:hidden\" />\n        <div class=\"h-4 w-3/4 md:w-full\" />\n        <div class=\"h-4 w-3/4 md:w-2/3\" />\n      </div>\n      <div class=\"w-40 children:skeleton space-y-2\">\n        <div class=\"h-4 w-full\" />\n        <div class=\"h-4 w-1/2\" />\n        <div class=\"h-4 w-3/4\" />\n        <div class=\"h-5 w-3/4\" />\n      </div>\n    </div>\n    <div v-style:w=\"{ sm: '33.33%', lg: '25%' }\" class=\"f-col children:skeleton gap-2\">\n      <div class=\"h-4 w-full\" />\n      <div class=\"h-5 w-full\" />\n    </div>\n    <div v-style:w=\"{ sm: '25%', lg: '12.5%' }\" class=\"f-col gap-2\">\n      <div class=\"h-5 w-full skeleton\" />\n    </div>\n    <div class=\"w-1/2 f-col gap-2 lg:w-1/3\">\n      <div class=\"h-4 w-full skeleton\" />\n      <div class=\"h-5 w-3/4 skeleton\" />\n      <div class=\"w-full flex children:skeleton gap-2 lg:w-3/4\">\n        <div class=\"h-5 w-1/6\" />\n        <div class=\"h-5 w-1/6\" />\n        <div class=\"h-5 w-2/3\" />\n      </div>\n    </div>\n  </div>\n</template>\n","const SECONDS_IN_MINUTE = 60\nconst SECONDS_IN_HOUR = SECONDS_IN_MINUTE * 60\nconst SECONDS_IN_DAY = SECONDS_IN_HOUR * 24\nconst SECONDS_IN_WEEK = SECONDS_IN_DAY * 7\nconst SECONDS_IN_MONTH = SECONDS_IN_DAY * 30\nconst SECONDS_IN_YEAR = SECONDS_IN_DAY * 365\n\n/**\n * Generates a descriptive relative time string between two times\n * @example\n * useTimeSince(new Date(...))\n * returns something like:\n *  2 years ago\n *  3 months ago\n *  1 week ago\n *  5 hours ago\n * @param from The start date\n * @param to Optional end date\n * @returns Formatted relative time string\n * @category Utils\n */\nexport const useTimeSince = (from: Date | number, to: Date | number = new Date()) => {\n  const toDate = typeof to === 'number' ? new Date(to) : to\n  const fromDate = typeof from === 'number' ? new Date(from) : from\n\n  const diff = Math.floor((toDate.valueOf() - fromDate.valueOf()) / 1000)\n\n  const formatter = new Intl.RelativeTimeFormat(useLocale(), {\n    style: 'long'\n  })\n\n  const years = Math.floor(diff / SECONDS_IN_YEAR)\n  if (years >= 1)\n    return formatter.format(-years, 'year')\n\n  const months = Math.floor(diff / SECONDS_IN_MONTH)\n  if (months >= 1)\n    return formatter.format(-months, 'month')\n\n  const weeks = Math.floor(diff / SECONDS_IN_WEEK)\n  if (weeks >= 1)\n    return formatter.format(-weeks, 'week')\n\n  const days = Math.floor(diff / SECONDS_IN_DAY)\n  if (days >= 1)\n    return formatter.format(-days, 'day')\n\n  const hours = Math.floor(diff / SECONDS_IN_HOUR)\n  if (hours >= 1)\n    return formatter.format(-hours, 'hour')\n\n  const minutes = Math.floor(diff / SECONDS_IN_MINUTE)\n  if (minutes >= 1)\n    return formatter.format(-minutes, 'minute')\n\n  return formatter.format(-diff, 'second')\n}\n","<template>\n  <article\n    class=\"text-sm space-y-2\"\n    :data-test-id=\"`customer-detailed-reviews-${review.reviewId}`\"\n  >\n    <!-- Review Headline -->\n    <div\n      class=\"f-col gap-2 md:flex-row\"\n      :data-test-id=\"`customer-reviews-section-${review.reviewId}`\"\n    >\n      <div class=\"flex gap-1\">\n        <vf-rating\n          :data-test-id=\"`customer-rating-${review.reviewId}`\"\n          :value=\"review.metrics.rating\"\n        />\n        <span>({{ review.metrics.rating }})</span>\n      </div>\n      <p\n        class=\"title-5 overflow-wrap-anywhere\"\n        :data-test-id=\"`review-headline-${review.reviewId}`\"\n      >\n        {{ isTranslated ? translatedReview.translated_headline : review.details.headline }}\n      </p>\n    </div>\n    <div\n      class=\"flex flex-col-reverse gap-2 lg:flex-row lg:gap-16 lg:between\"\n      :data-test-id=\"`customer-review-details-${review.reviewId}`\"\n    >\n      <!-- Review Body -->\n      <div class=\"lg:w-2/3 lg:shrink-0 space-y-2\">\n        <p\n          class=\"overflow-wrap-anywhere lg:mb-4 \"\n          :data-test-id=\"`customer-review-comment-${review.reviewId}`\"\n        >\n          <template v-if=\"isTranslated\">\n            {{ translatedReview.translated_comments }}\n          </template>\n          <base-interpolator\n            v-else-if=\"searchTerm\"\n            :content=\"review.details.comments.replace(new RegExp(searchTerm, 'gi'), '{bold|$&}')\"\n          >\n            <template #bold=\"{ args: [message] }\">\n              <b>{{ message }}</b>\n            </template>\n          </base-interpolator>\n          <template v-else>\n            {{ review.details.comments }}\n          </template>\n        </p>\n        <div v-if=\"$feature.pdpReviewTranslate && isReviewTranslatable\">\n          <base-button v-if=\"!isTranslated\" class=\"underlined\" @click=\"handleTranslate(locale)\">\n            {{ $t.reviewTranslate }}\n          </base-button>\n          <base-button v-else class=\"underlined\" @click=\"isTranslated = false\">\n            {{ $t.reviewTranslateBack }}\n          </base-button>\n        </div>\n        <div v-if=\"review.details.merchantResponse\" class=\"bg-grey-90 p-4 \">\n          <p class=\"mb-2\">\n            {{ $t.reviewResponseFromBrand }}\n          </p>\n          <p>{{ review.details.merchantResponse }}</p>\n        </div>\n        <base-collapse v-if=\"review?.details?.properties?.length\" disable-visibility-toggle>\n          <template #toggle=\"{ expanded }\">\n            <div class=\"flex items-center\">\n              <span >\n                {{ expanded ? $t.lessDetails : $t.moreDetails }}\n              </span>\n              <vf-icon :dir=\"expanded ? 'up' : 'down'\" name=\"chevron\" size=\"md\" />\n            </div>\n          </template>\n          <div class=\"grid cols-2 mt-2 gap-8 lg:cols-3\">\n            <div v-for=\"{ key, label, value } in review.details.properties\" :key>\n              <p class=\"bg-grey-80 px-2 py-1 \">\n                {{ label }}\n              </p>\n              <ul class=\"px-2 py-1 space-y-2\">\n                <li v-for=\"entry in value\" :key=\"entry\">\n                  {{ entry }}\n                </li>\n              </ul>\n            </div>\n          </div>\n        </base-collapse>\n        <div v-if=\"review.media?.length\" class=\"flex gap-2 wrap\">\n          <base-button\n            v-for=\"({ id, type, caption, uri }, i) in review.media.slice(0, 3)\"\n            :key=\"id\"\n            :aria-label=\"$t.reviewUgcViewInPopup\"\n            @click=\"DialogReviewUgc.keep().open({\n              productId,\n              reviewUgcMedia,\n              activeIndex: i,\n              isCarousel: false,\n            })\"\n          >\n            <base-picture\n              v-if=\"type === 'image'\"\n              :alt=\"caption\"\n              height=\"98\"\n              :props-img=\"{ class: 'aspect-square w-a', style: 'height: 6.125rem' }\"\n              :src=\"uri\"\n              width=\"98\"\n            />\n            <base-video v-else-if=\"type === 'video'\" :src=\"uri\" style=\"height: 6.125rem\" />\n          </base-button>\n        </div>\n        <p\n          v-if=\"review.details.bottomLine\"\n          class=\"f-col gap-2 lg:flex-row lg:gap-4\"\n          :data-test-id=\"`customer-review-bottom-line-recommendation-${review.reviewId}`\"\n        >\n          <span class=\"fw-bold\">\n            {{ $t.reviewBottomLine }}\n          </span>\n          <span v-if=\"review.details.bottomLine === 'Yes'\" >\n            {{ $t.reviewBottomLinePositive }}\n          </span>\n          <span v-if=\"review.details.bottomLine === 'No'\" >\n            {{ $t.reviewBottomLineNegative }}\n          </span>\n        </p>\n        <div class=\"f-col gap-2\" :data-test-id=\"`customer-review-helpful-section-${review.reviewId}`\">\n          <p >\n            {{ $t.reviewVoteCTA }}\n          </p>\n          <div class=\"flex items-center\">\n            <base-button\n              :aria-label=\"replaceAll($pluralize($t.reviewVoteHelpful, yesVotes), { count: Math.min(yesVotes, 99) })\"\n              class=\"flex items-center gap-1\"\n              @click=\"handleVote({ voteType: 'helpful' })\"\n            >\n              <vf-icon name=\"thumbs-up\" size=\"md\" />\n              {{ Math.min(yesVotes, 99) }}\n            </base-button>\n            <base-button\n              :aria-label=\"replaceAll($pluralize($t.reviewVoteNotHelpful, noVotes), { count: Math.min(noVotes, 99) })\"\n              class=\"ml-2 flex items-center gap-1\"\n              @click=\"handleVote({ voteType: 'unhelpful' })\"\n            >\n              <vf-icon dir=\"left\" name=\"thumbs-up\" size=\"md\" />\n              {{ Math.min(noVotes, 99) }}\n            </base-button>\n            <vf-link\n              v-if=\"!flagged\"\n              class=\"ml-4 text-xs\"\n              @click=\"DialogReportIssue.open()\"\n            >\n              {{ $t.reviewFlagCTA }}\n            </vf-link>\n            <p v-else class=\"ml-4 text-xs nowrap\">\n              {{ $t.youFlaggedReview }}\n            </p>\n          </div>\n        </div>\n      </div>\n      <!-- Review Info -->\n      <div\n        class=\"text-xs lg:w-40 \"\n        :data-test-id=\"`reviewer-details-${review.reviewId}`\"\n      >\n        <p :data-test-id=\"`reviewer-submitted-time-${review.reviewId}`\">\n          <span >{{ $t.reviewSubmittedOn }}&nbsp;</span>\n          <time>{{ useTimeSince(review.details.createdDate) }}</time>\n        </p>\n        <p\n          class=\"line-clamp-1 overflow-wrap-anywhere lg:line-clamp-2\"\n          :data-test-id=\"`reviewer-name-${review.reviewId}`\"\n        >\n          <span >{{ $t.reviewSubmittedBy }}&nbsp;</span>\n          <span>{{ review.details.nickname }}</span>\n        </p>\n        <p\n          class=\"line-clamp-1 overflow-wrap-anywhere lg:line-clamp-2\"\n          :data-test-id=\"`reviewer-location-${review.reviewId}`\"\n        >\n          <span >{{ $t.reviewSubmittedFrom }}&nbsp;</span>\n          <span>{{ review.details.location }}</span>\n        </p>\n        <p\n          v-if=\"review.badges.isVerifiedBuyer\"\n          class=\"mt-2 flex items-center gap-1\"\n          :data-test-id=\"`reviewer-type-${review.reviewId}`\"\n        >\n          <vf-icon  name=\"success\" />\n          <span>{{ $t.reviewVerifiedBuyer }}</span>\n        </p>\n        <p\n          v-if=\"$t.reviewDisclosure?.[`${review.details.disclosureCode}`]\"\n          class=\"mt-2 overflow-wrap-anywhere\"\n          :data-test-id=\"`reviewer-disclosure-${review.reviewId}`\"\n        >\n          <span>{{ $t.reviewDisclosure?.[`${review.details.disclosureCode}`] }}</span>\n        </p>\n      </div>\n    </div>\n    <dialog-report-issue :review-id=\"review.reviewId\" @flagged=\"flagged = true\" />\n  </article>\n</template>\n\n<script lang=\"ts\" setup>\nimport type { ProductReviewsReview, ProductReviewsVoteRequest } from '#root/api/clients/product/data-contracts'\n\nconst { productId, review, searchTerm = '' } = defineProps<{\n  productId: string\n  review: ProductReviewsReview\n  searchTerm?: string\n}>()\n\nconst DialogReportIssue = createDialog('report-issue')\nconst { DialogReviewUgc } = useDialogsStore()\n\nconst { pdpReviewTranslate } = useFeatureFlags()\n\nconst hasVoted = ref(false)\nconst yesVotes = ref(review?.metrics?.helpfulVotes)\nconst noVotes = ref(review?.metrics?.notHelpfulVotes)\nconst flagged = ref(false)\nconst isTranslated = ref(false)\nconst translatedReview = ref()\nconst [locale] = useLocale().split('-')\n\nconst isReviewTranslatable = computed(() => {\n  const [reviewLocale] = review.details.locale.split('_')\n  return reviewLocale !== locale\n})\n\nfunction handleVote({ voteType }: ProductReviewsVoteRequest) {\n  if (!hasVoted.value) {\n    useApi().products.reviewVote(productId, review.reviewId, { voteType })\n    voteType === 'helpful' ? yesVotes.value++ : noVotes.value++\n    hasVoted.value = true\n  }\n}\n\nfunction handleTranslate(lang) {\n  if (!isTranslated.value && pdpReviewTranslate) {\n    useApi().products.$reviewTranslate(review.reviewId, { target_language: lang })\n      .then((res) => {\n        if (res.results) {\n          translatedReview.value = res?.results[0].translation_document\n          isTranslated.value = true\n        }\n      })\n  }\n}\n\nconst reviewUgcMedia: ProductReviewsReview[] = review.media?.map((item) => ({ ...review, media: [item] })) || []\n</script>\n","<template>\n  <section\n    v-if=\"reviewsCount\"\n    id=\"customerReviews\"\n    :class=\"currentReviewsCount ? 'space-y-8 ' : 'pt-4'\"\n    data-scroll-el=\"customerReviews\"\n    data-test-id=\"customer-reviews\"\n  >\n    <div class=\"space-y-6 \">\n      <template v-if=\"reviewsPending\">\n        <product-reviews-skeleton v-for=\"key in pageSize\" :key />\n      </template>\n      <product-reviews-item\n        v-else\n        v-for=\"review in reviews\"\n        :key=\"review.reviewId\"\n        :product-id=\"productId\"\n        :review=\"review\"\n        :search-term=\"searchTerm\"\n      />\n    </div>\n    <div class=\"f-col center md:flex-row md:between\" :class=\"{ 'gap-1': pagesCount > 1 }\">\n      <div class=\"f-col center gap-2 md:flex-row md:gap-4\">\n        <p\n          :class=\"currentReviewsCount ? 'c-grey-20' : 'text-base'\"\n          data-test-id=\"display-reviews\"\n          role=\"status\"\n        >\n          {{ currentReviewsDisplayed }}\n        </p>\n        <base-button\n          v-if=\"currentReviewsCount\"\n          class=\"underlined\"\n          data-test-id=\"reviews-back-to-top\"\n          @click=\"scrollToCustomerReviews\"\n        >\n          {{ $t.backToTop }}\n        </base-button>\n      </div>\n      <div class=\"flex\">\n        <base-button\n          v-if=\"currentPageNumber > 1\"\n          class=\"underlined\"\n          @click=\"$emit('previous')\"\n        >\n          {{ $t.previous }}\n        </base-button>\n        <span v-if=\"currentPageNumber > 1 && currentPageNumber < pagesCount\" class=\"mx-2\">|</span>\n        <base-button\n          v-if=\"pagesCount && currentPageNumber < pagesCount\"\n          class=\"underlined\"\n          data-test-id=\"reviews-next\"\n          @click=\"$emit('next')\"\n        >\n          {{ $t.next }}\n        </base-button>\n      </div>\n    </div>\n  </section>\n  <div v-else class=\"text-center\">\n    <vf-button class=\"<md:w-full\" :variant @click=\"$emit('write-review')\">\n      {{ $t.writeFirstReview }}\n    </vf-button>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport type { ButtonVariant } from '#types/components/vf/button'\nimport type { ProductReviewsReview } from '#root/api/clients/product/data-contracts'\n\ndefineProps<{\n  reviewsCount: number\n  currentReviewsCount: number\n  reviews: ProductReviewsReview[]\n  reviewsPending: boolean\n  pageSize: number\n  productId: string\n  searchTerm?: string\n  pagesCount: number\n  currentPageNumber: number\n  currentReviewsDisplayed: string\n  variant?: ButtonVariant\n}>()\n\ndefineEmits<{\n  'next': []\n  'previous': []\n  'write-review': []\n}>()\n\nconst { $t } = useNuxtApp()\n\nconst scrollToCustomerReviews = () => scrollToElement('customerReviews')\n</script>\n","<template>\n  <section data-test-id=\"product-reviews\">\n    <div :class=\"brandClasses.reviewsWrapper\">\n      <template v-if=\"reviewsCount\">\n        <h3 v-if=\"showHeading\" :class=\"brandClasses.reviewsHeading\">\n          {{ $t.reviewSnapshot }}\n        </h3>\n        <section\n          :class=\"[\n            brandClasses.reviewsSnapshotWrapper,\n            fitRatings.length ? 'lg:cols-3' : 'lg:cols-2',\n          ]\"\n          data-test-id=\"review-snapshot-section\"\n        >\n          <product-reviews-snapshot\n            :average-rating=\"rollup.averageRating\"\n            :ratio\n            :recommendation-rate-threshold=\"recommendationRateThreshold\"\n            :reviews-count=\"reviewsCount\"\n            @scroll-to-reviews=\"scrollToCustomerReviews\"\n            @write-review=\"openWriteReviewModal\"\n          />\n          <product-reviews-rating-breakdown\n            v-if=\"reviewsConfig.showRatingBreakdown\"\n            :rating-filter=\"ratingFilter\"\n            :rating-histogram=\"ratingHistogram\"\n            :reviews-count=\"reviewsCount\"\n            @filter-by-rating=\"handleFilterByRating\"\n          />\n          <product-reviews-fit-rating v-if=\"fitRatings.length\" :fit-ratings=\"fitRatings\" />\n          <product-reviews-pros-and-cons v-if=\"prosAndCons\" :pros-and-cons=\"prosAndCons\" />\n        </section>\n        <product-reviews-faceoff\n          v-if=\"$feature.showReviewFaceoffOnPDP && (mostLikedPositive || mostLikedNegative)\"\n          :most-liked-comment-text-threshold=\"reviewsConfig.mostLikedCommentTextThreshold\"\n          :most-liked-negative=\"mostLikedNegative\"\n          :most-liked-positive=\"mostLikedPositive\"\n          :rating-histogram=\"ratingHistogram\"\n        />\n        <div v-if=\"reviewsConfig.showWriteReviewCta\" class=\"text-center\" data-test-id=\"product-reviews-add\">\n          <vf-button class=\"<md:w-full\" :variant @click=\"openWriteReviewModal\">\n            {{ $t.writeAReview }}\n          </vf-button>\n        </div>\n        <product-reviews-rollup-carousel\n          v-if=\"$feature.showReviewsRollupCarouselOnPDP && reviewUgcMedia && reviewUgcMedia.length >= 3\"\n          :product-id=\"productId\"\n          :review-ugc-media=\"reviewUgcMedia\"\n        />\n      </template>\n      <template v-if=\"showFilters\">\n        <product-reviews-filters\n          :current-reviews-count=\"currentReviewsCount\"\n          :filters=\"filters\"\n          @filter-by=\"filterBy\"\n          @open-filters-panel=\"DialogFilters.keep().open()\"\n          @update:filters=\"filters = $event\"\n        />\n        <section data-test-id=\"product-reviews-search\">\n          <div class=\"space-y-4 \" data-test-id=\"total-reviews-by-customer\">\n            <product-reviews-search\n              v-model=\"searchTerm\"\n              :icon-size=\"reviewsConfig.iconSize\"\n              :reviews-count=\"reviewsCount\"\n              @search=\"handleSearchSubmit\"\n            />\n            <product-reviews-sort v-model=\"reviewsQuery.sort\" :sort-options=\"sortOptions\" />\n            <filter-display\n              v-bind=\"{ filters, currency }\"\n              :heading=\"$t.filtersApplied\"\n              @clear=\"clearFilters\"\n              @remove=\"removeFilter\"\n            />\n          </div>\n        </section>\n      </template>\n      <vf-notification v-if=\"error\" :dismissible=\"false\" type=\"error\">\n        {{ errorMsg }}\n      </vf-notification>\n      <product-reviews-list\n        v-else\n        :current-page-number=\"currentPageNumber\"\n        :current-reviews-count=\"currentReviewsCount\"\n        :current-reviews-displayed=\"currentReviewsDisplayed\"\n        :page-size=\"reviewsQuery['paging.size']\"\n        :pages-count=\"pagesCount\"\n        :product-id=\"productId\"\n        :reviews\n        :reviews-count=\"reviewsCount\"\n        :reviews-pending=\"pending\"\n        :search-term=\"searchTerm\"\n        :variant\n        @next=\"showNext\"\n        @previous=\"showPrevious\"\n        @write-review=\"openWriteReviewModal\"\n      />\n    </div>\n    <dialog-review-write />\n    <dialog-review-ugc class-content=\"md:w-152 lg:w-164\" size=\"md\" />\n    <dialog-filters\n      :currency\n      :filters=\"mobileFilters\"\n      :heading=\"$t.filterReviews\"\n      position=\"left\"\n      :total=\"currentReviewsCount\"\n      @change=\"onDialogFiltersChange\"\n      @clear=\"clearFilters\"\n      @remove=\"removeFilter\"\n    />\n  </section>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ApiErrorCode } from '#root/enums/api'\nimport type { MappedProsAndCons, ProductReviewsData, ProductReviewsParams } from '#types/components/product/reviews'\nimport type { FiltersMap, HistogramRatingFilter, SearchFilter } from '#types/filters'\nimport type { ProductReviewsRollup, ProductReviewsRollupProperty } from '#root/api/clients/product/data-contracts'\n\nconst props = withDefaults(\n  defineProps<{\n    currency?: string\n    productId: string\n    data?: ProductReviewsData | null\n    pending: boolean\n    showHeading?: boolean\n    error: any\n  }>(),\n  {\n    showHeading: true\n  }\n)\n\nconst enum SpecialFilterCodes {\n  Rating = 'rating',\n  Search = 'search',\n}\n\nconst reviewsQuery = defineModel<ProductReviewsParams>('modelValue', { required: true })\n\nconst {\n  brandClasses,\n  reviews: { variant, recommendationRateThreshold, dialogOptions, ...reviewsConfig },\n} = useAppConfig().pages.pdp\nconst { $t, $pluralize } = useNuxtApp()\nconst { DialogReviewUgc } = useDialogsStore()\nconst DialogReviewWrite = createDialog('review-write', dialogOptions.reviewWrite)\nconst DialogFilters = createDialog('filters', dialogOptions.filters)\n\nconst rollup = computed(() => props.data?.rollup || {} as ProductReviewsRollup)\nconst reviewsCount = computed(() => props.data?.rollup?.reviewCount || 0)\nconst ratingHistogram = computed(() =>\n  rollup.value?.ratingHistogram?.map((reviewCount, i) => ({\n    rating: i + 1,\n    reviewCount\n  })).reverse()\n)\nconst fitRatings = computed(() => rollup.value?.properties?.filter(({ display_type }) => display_type === 'histogram') || [])\nconst ratio = computed(() => Math.round((rollup.value?.recommendedRatio || 0) * 100))\nconst errorId = computed(() => props.error?.cause?.errorId)\nconst errorMsg = computed(() =>\n  errorId.value === ApiErrorCode.REVIEWS_MAX_LENGTH\n    ? $t.reviewsTooManyFiltersError\n    : $t.reviewsError\n)\nconst showFilters = computed(\n  () => reviewsConfig.showFilters && (reviewsCount.value || errorId.value === ApiErrorCode.REVIEWS_MAX_LENGTH)\n)\n\n// Reviews State\nconst reviews = computed(() => props.data?.reviews || [])\nconst currentReviewsCount = computed(() => props.data?.paging.totalResults || 0)\nconst pagesCount = computed(() => props.data?.paging.pagesTotal || 1)\nconst currentPageNumber = computed(() => props.data?.paging.currentPageNumber || 1)\n\n// Pros & Cons\nconst prosAndCons = computed<MappedProsAndCons[] | undefined>(() => {\n  if (!reviewsConfig.showProsAndCons) return\n  const prosCons: ProductReviewsRollupProperty[]\n    = rollup.value?.properties?.filter(({ key }) => key === 'pros' || key === 'cons') || []\n  if (reviewsConfig.prosAndConsMaxNumber && prosCons.length) {\n    prosCons[0].values.splice(reviewsConfig.prosAndConsMaxNumber)\n    prosCons[1].values.splice(reviewsConfig.prosAndConsMaxNumber)\n  }\n  return prosCons.map(({ key, values }) => ({\n    title: $t[key],\n    values\n  })).reverse()\n})\n\n// UGC Media\nconst reviewUgcMedia = computed(() =>\n  rollup.value?.media?.slice(0, 7).map((item) => ({\n    reviewId: Number(item.id),\n    details: {\n      // @ts-expect-error incorrect contract: \"nickname\" is missing\n      nickname: item.nickname,\n      headline: '',\n      locale: '',\n      location: '',\n      createdDate: 0,\n      updatedDate: 0,\n      comments: '',\n      properties: []\n    },\n    metrics: {\n      helpfulVotes: item.helpful_votes,\n      notHelpfulVotes: item.not_helpful_votes,\n      rating: 0,\n      helpfulScore: 0\n    },\n    media: [item],\n    ugcId: 0,\n    legacyId: 0,\n    badges: {\n      isStaffReviewer: false,\n      isVerifiedBuyer: false,\n      isVerifiedReviewer: false\n    }\n  }))\n)\n\nconst fields = ['rating', 'comments', 'headline']\nconst mostLikedPositive = computed(() =>\n  fields.some((field) => rollup.value?.faceoff.positive?.[field]) ? rollup.value?.faceoff.positive : null\n)\nconst mostLikedNegative = computed(() =>\n  fields.some((field) => rollup.value?.faceoff.negative?.[field]) ? rollup.value?.faceoff.negative : null\n)\n\n// Filters State\nconst filtersToUse = computed(() =>\n  rollup.value?.properties?.filter(({ key, display_type }) =>\n    !reviewsConfig.nonFilterKeys.includes(key)\n    && display_type !== 'histogram'\n  ) || []\n)\n\nconst initializeFilters = () => {\n  const tagFilters = Object.fromEntries(\n    filtersToUse.value.map(({ key, name, values }) => {\n      values.splice(reviewsConfig.filterOptionsMaxNumber)\n      return [key, {\n        code: key,\n        facetId: key,\n        label: name,\n        options: values.map(({ count, label }) => ({\n          label,\n          id: label,\n          items: count,\n          checked: false,\n          disabled: false\n        })),\n        type: 'Checkbox',\n        selected: []\n      }]\n    })\n  ) as FiltersMap\n  const ratingFilters = {\n    code: SpecialFilterCodes.Rating,\n    facetId: SpecialFilterCodes.Rating,\n    label: $t.sorts.rating,\n    options: ratingHistogram.value?.map(({ rating, reviewCount }) => ({\n      label: `${rating} ${$pluralize($t.stars, rating)}`,\n      id: `${rating} ${$pluralize($t.stars, rating)}`,\n      items: reviewCount,\n      checked: false,\n      disabled: false\n    })),\n    type: 'HistogramRating',\n    selected: []\n  } as HistogramRatingFilter\n  const searchFilter = {\n    code: SpecialFilterCodes.Search,\n    facetId: SpecialFilterCodes.Search,\n    label: $t.searchLabel,\n    type: 'Search',\n    selected: []\n  } as SearchFilter\n  return { ...tagFilters, rating: ratingFilters, search: searchFilter }\n}\n\nconst sortOptions = [\n  { value: 'Newest', label: $t.reviewSortOptionNewest },\n  { value: 'MostHelpful', label: $t.reviewSortOptionMostHelpful },\n  { value: 'HighestRating', label: $t.reviewSortOptionHighestRating },\n  { value: 'LowestRating', label: $t.reviewSortOptionLowestRating },\n  { value: 'Oldest', label: $t.reviewSortOptionOldest },\n  { value: 'MediaSort', label: $t.reviewSortOptionMediaSort }\n]\n\nconst filters = ref<FiltersMap>(initializeFilters())\nconst ratingFilter = ref(0)\nconst searchTerm = ref()\n\n// Reviews Display\nconst currentReviewsDisplayed = computed(() => {\n  const start = ((currentPageNumber.value - 1) * reviewsQuery.value['paging.size']) + 1\n  const end = Math.min(currentReviewsCount.value, currentPageNumber.value * reviewsQuery.value['paging.size'])\n  return currentReviewsCount.value\n    ? replaceAll($t.displayingReviews, { start, end })\n    : $t.noResults\n})\n\nconst scrollToCustomerReviews = () => scrollToElement('customerReviews')\n\nconst filterBy = () => {\n  const filtersQuery: string[] = []\n  let searchQuery\n  Object.values(filters.value)\n    .filter(({ selected }) => selected?.length)\n    .forEach(({ code, selected }) => {\n      selected?.forEach((item) => {\n        if (code === SpecialFilterCodes.Search) searchQuery = searchTerm.value\n        else if (code === SpecialFilterCodes.Rating) filtersQuery.push(`${code}:${item.split(' ')[0]}`)\n        else filtersQuery.push(`${code}:${item}`)\n      })\n    })\n  reviewsQuery.value.filters = filtersQuery.length ? filtersQuery.join(',') : undefined\n  reviewsQuery.value['paging.from'] = 0\n  reviewsQuery.value.q = searchQuery\n}\n\nconst handleFilterByRating = (rating: number) => {\n  ratingFilter.value = rating !== ratingFilter.value ? rating : 0\n  if (ratingFilter.value)\n    filters.value.rating.selected = [`${rating} ${$pluralize($t.stars, rating)}`]\n  else filters.value.rating.selected = []\n\n  filterBy()\n  scrollToCustomerReviews()\n}\n\nconst handleSearchSubmit = () => {\n  filters.value.search.selected = [searchTerm.value]\n  filterBy()\n}\n\nconst removeFilter = ({ code, id }: { code: string, id: string }) => {\n  filters.value[code].selected = filters.value[code].selected?.filter((item) => item !== id)\n  if (code === SpecialFilterCodes.Rating) ratingFilter.value = 0\n  if (code === SpecialFilterCodes.Search) {\n    searchTerm.value = undefined\n    filters.value.search.selected = []\n  }\n\n  filterBy()\n}\n\nconst clearFilters = () => {\n  Object.keys(filters.value).forEach((code) => filters.value[code].selected = [])\n  ratingFilter.value = 0\n  filters.value.search.selected = []\n  searchTerm.value = undefined\n  filterBy()\n}\n\nconst mobileFilters = computed<FiltersMap>(() => Object.fromEntries(\n  Object.entries(filters.value).filter(\n    (f) => f[0] !== SpecialFilterCodes.Rating\n    && f[0] !== SpecialFilterCodes.Search\n  )\n))\n\nconst onDialogFiltersChange = ({ code, selected }) => {\n  filters.value = {\n    ...filters.value,\n    [code]: { ...filters.value[code], selected }\n  }\n  filterBy()\n}\n\nconst showPrevious = () => {\n  reviewsQuery.value['paging.from'] = (currentPageNumber.value - 1) * reviewsQuery.value['paging.size'] - reviewsQuery.value['paging.size']\n  scrollToCustomerReviews()\n}\n\nconst showNext = () => {\n  reviewsQuery.value['paging.from'] = (currentPageNumber.value + 1) * reviewsQuery.value['paging.size'] - reviewsQuery.value['paging.size']\n  scrollToCustomerReviews()\n}\n\nconst openWriteReviewModal = () => {\n  DialogReviewWrite.keep().open({\n    pageId: props.data?.reviewsPageId || props.data?.pageId,\n    productId: props.productId,\n  })\n}\n\n// Cleanup\nonBeforeUnmount(() => {\n  reviewsQuery.value['paging.from'] = 0\n  reviewsQuery.value.sort = 'Newest'\n  reviewsQuery.value.filters = undefined\n  reviewsQuery.value.q = undefined\n})\n</script>\n"],"names":["props","__props","$t","useNuxtApp","getReviewCount","rating","_b","_a","r","DialogReviewUgc","useDialogsStore","openReviewUgc","activeIndex","emit","__emit","handleFilterUpdate","code","selected","updatedFilters","openFiltersPanel","brandClasses","useAppConfig","searchTerm","_useModel","clearSearch","sort","_hoisted_1","_hoisted_2","_createStaticVNode","_createElementVNode","_hoisted_7","_hoisted_5","_hoisted_10","_openBlock","_createElementBlock","_withDirectives","_hoisted_4","_hoisted_8","SECONDS_IN_MINUTE","SECONDS_IN_HOUR","SECONDS_IN_DAY","SECONDS_IN_WEEK","SECONDS_IN_MONTH","SECONDS_IN_YEAR","useTimeSince","from","to","toDate","fromDate","diff","formatter","useLocale","years","months","weeks","days","hours","minutes","productId","review","DialogReportIssue","createDialog","pdpReviewTranslate","useFeatureFlags","hasVoted","ref","yesVotes","noVotes","flagged","isTranslated","translatedReview","locale","isReviewTranslatable","computed","reviewLocale","handleVote","voteType","useApi","handleTranslate","lang","res","reviewUgcMedia","_c","item","scrollToCustomerReviews","scrollToElement","reviewsQuery","variant","recommendationRateThreshold","dialogOptions","reviewsConfig","$pluralize","DialogReviewWrite","DialogFilters","rollup","reviewsCount","ratingHistogram","reviewCount","i","fitRatings","display_type","ratio","errorId","errorMsg","ApiErrorCode","showFilters","reviews","currentReviewsCount","pagesCount","currentPageNumber","prosAndCons","prosCons","key","values","fields","mostLikedPositive","field","mostLikedNegative","filtersToUse","initializeFilters","tagFilters","name","count","label","ratingFilters","searchFilter","sortOptions","filters","ratingFilter","currentReviewsDisplayed","start","end","replaceAll","filterBy","filtersQuery","searchQuery","handleFilterByRating","handleSearchSubmit","removeFilter","id","clearFilters","mobileFilters","f","onDialogFiltersChange","showPrevious","showNext","openWriteReviewModal","onBeforeUnmount"],"mappings":"49IAyFA,MAAMA,EAAQC,EAOR,CAAE,GAAAC,GAAOC,KAETC,EAAkBC,GACtB,SAAA,QAAAC,GAAAC,EAAAP,EAAM,kBAAN,YAAAO,EAAuB,KAAK,CAAC,CAAE,OAAQC,CAAE,IAAMA,IAAMH,KAArD,YAAAC,EAA8D,cAAe,4xDC/D/E,MAAMN,EAAQC,EAKR,CAAE,GAAAC,GAAOC,KACT,CAAE,gBAAAM,GAAoBC,KAEtBC,EAAiBC,GAAwB,CAC7CH,EAAgB,KAAK,CACnB,UAAWT,EAAM,UACjB,eAAgBA,EAAM,eACtB,YAAAY,EACA,WAAY,EAAA,CACb,CAAA,mhCClBH,MAAMZ,EAAQC,EAKRY,EAAOC,EAMP,CAAE,GAAAZ,GAAOC,KAETY,EAAqB,CAACC,EAAuBC,IAAuB,CACxE,MAAMC,EAAiB,CACrB,GAAGlB,EAAM,QACT,CAACgB,CAAI,EAAG,CACN,GAAGhB,EAAM,QAAQgB,CAAI,EACrB,SAAAC,CACF,CAAA,EAEFJ,EAAK,iBAAkBK,CAAc,EACrCL,EAAK,WAAW,CAAA,EAGZM,EAAmB,IAAMN,EAAK,oBAAoB,q0BCHxD,MAAMA,EAAOC,EAKP,CAAE,aAAAM,CAAiB,EAAAC,GAAA,EAAe,MAAM,IAExCC,EAAaC,GAAmBtB,EAAA,YAAC,EAEjCuB,EAAc,IAAM,CACxBF,EAAW,MAAQ,GACnBT,EAAK,QAAQ,CAAA,4zCCjDT,MAAAY,EAAOF,GAAmBtB,EAAA,YAAC,yOChBjCyB,GAAA,CAAA,MAAA,WAAA,EAsBiDC,GAAqCC,GAAA,6qBAAA,CAAA,2CAC3E,KACLC,EAA0B,MAAA,CAArB,MAAM,cAAY,KAAA,EAAA,2CADGC,GAAA,CAC1BC,KAE0C,yBACP,oDAAAC,GAAA,GA3BzC,4UAOUC,EAAA,EAAAC,EAAA,MAAAR,GAAA,IAeUS,IAAAF,EAAA,EAAAC,EAAF,MAAAE,GAAAN,EAAA,GAAA,kCAIEK,IAAAF,EAAA,EAAAC,EAAF,MAAAG,GAAAL,EAAA,GAAA,+BAWR,uCCrCJM,GAAoB,GACpBC,GAAkBD,GAAoB,GACtCE,GAAiBD,GAAkB,GACnCE,GAAkBD,GAAiB,EACnCE,GAAmBF,GAAiB,GACpCG,GAAkBH,GAAiB,IAgB5BI,GAAe,CAACC,EAAqBC,EAAoB,IAAI,OAAW,CACnF,MAAMC,EAAS,OAAOD,GAAO,SAAW,IAAI,KAAKA,CAAE,EAAIA,EACjDE,EAAW,OAAOH,GAAS,SAAW,IAAI,KAAKA,CAAI,EAAIA,EAEvDI,EAAO,KAAK,OAAOF,EAAO,QAAY,EAAAC,EAAS,WAAa,GAAI,EAEhEE,EAAY,IAAI,KAAK,mBAAmBC,KAAa,CACzD,MAAO,MAAA,CACR,EAEKC,EAAQ,KAAK,MAAMH,EAAON,EAAe,EAC/C,GAAIS,GAAS,EACX,OAAOF,EAAU,OAAO,CAACE,EAAO,MAAM,EAExC,MAAMC,EAAS,KAAK,MAAMJ,EAAOP,EAAgB,EACjD,GAAIW,GAAU,EACZ,OAAOH,EAAU,OAAO,CAACG,EAAQ,OAAO,EAE1C,MAAMC,EAAQ,KAAK,MAAML,EAAOR,EAAe,EAC/C,GAAIa,GAAS,EACX,OAAOJ,EAAU,OAAO,CAACI,EAAO,MAAM,EAExC,MAAMC,EAAO,KAAK,MAAMN,EAAOT,EAAc,EAC7C,GAAIe,GAAQ,EACV,OAAOL,EAAU,OAAO,CAACK,EAAM,KAAK,EAEtC,MAAMC,EAAQ,KAAK,MAAMP,EAAOV,EAAe,EAC/C,GAAIiB,GAAS,EACX,OAAON,EAAU,OAAO,CAACM,EAAO,MAAM,EAExC,MAAMC,EAAU,KAAK,MAAMR,EAAOX,EAAiB,EACnD,OAAImB,GAAW,EACNP,EAAU,OAAO,CAACO,EAAS,QAAQ,EAErCP,EAAU,OAAO,CAACD,EAAM,QAAQ,CACzC,mwBCoJA,KAAM,CAAE,UAAAS,EAAW,OAAAC,EAAQ,WAAArC,EAAa,IAAOrB,EAMzC2D,EAAoBC,GAAa,cAAc,EAC/C,CAAE,gBAAApD,GAAoBC,KAEtB,CAAE,mBAAAoD,GAAuBC,KAEzBC,EAAWC,EAAI,EAAK,EACpBC,EAAWD,GAAI1D,EAAAoD,GAAA,YAAAA,EAAQ,UAAR,YAAApD,EAAiB,YAAY,EAC5C4D,EAAUF,GAAI3D,GAAAqD,GAAA,YAAAA,EAAQ,UAAR,YAAArD,GAAiB,eAAe,EAC9C8D,EAAUH,EAAI,EAAK,EACnBI,EAAeJ,EAAI,EAAK,EACxBK,EAAmBL,IACnB,CAACM,CAAM,EAAIpB,GAAU,EAAE,MAAM,GAAG,EAEhCqB,EAAuBC,EAAS,IAAM,CAC1C,KAAM,CAACC,CAAY,EAAIf,EAAO,QAAQ,OAAO,MAAM,GAAG,EACtD,OAAOe,IAAiBH,CAAA,CACzB,EAEQ,SAAAI,EAAW,CAAE,SAAAC,GAAuC,CACtDZ,EAAS,QACLa,GAAA,EAAE,SAAS,WAAWnB,EAAWC,EAAO,SAAU,CAAE,SAAAiB,EAAU,EACxDA,IAAA,UAAYV,EAAS,QAAUC,EAAQ,QACpDH,EAAS,MAAQ,GAErB,CAEA,SAASc,EAAgBC,EAAM,CACzB,CAACV,EAAa,OAASP,GACzBe,KAAS,SAAS,iBAAiBlB,EAAO,SAAU,CAAE,gBAAiBoB,CAAM,CAAA,EAC1E,KAAMC,GAAQ,CACTA,EAAI,UACNV,EAAiB,MAAQU,GAAA,YAAAA,EAAK,QAAQ,GAAG,qBACzCX,EAAa,MAAQ,GACvB,CACD,CAEP,CAEA,MAAMY,KAAyCC,GAAAvB,EAAO,QAAP,YAAAuB,GAAc,IAAKC,IAAU,CAAE,GAAGxB,EAAQ,MAAO,CAACwB,CAAI,CAAE,MAAO,CAAA,k9LC9JxG,KAAA,CAAE,GAAAjF,GAAOC,KAETiF,EAA0B,IAAMC,GAAgB,iBAAiB,08DC0BvE,MAAMrF,EAAQC,EAmBRqF,EAAe/D,KAAkC,YAAgC,EAEjF,CACJ,aAAAH,EACA,QAAS,CAAE,QAAAmE,EAAS,4BAAAC,EAA6B,cAAAC,EAAe,GAAGC,CAAc,CAAA,EAC/ErE,GAAa,EAAE,MAAM,IACnB,CAAE,GAAAnB,EAAI,WAAAyF,CAAW,EAAIxF,GAAW,EAChC,CAAE,gBAAAM,GAAoBC,KACtBkF,EAAoB/B,GAAa,eAAgB4B,EAAc,WAAW,EAC1EI,EAAgBhC,GAAa,UAAW4B,EAAc,OAAO,EAE7DK,EAASrB,EAAS,IAAM,OAAA,QAAAlE,EAAAP,EAAM,OAAN,YAAAO,EAAY,SAAU,CAAA,EAA0B,EACxEwF,EAAetB,EAAS,aAAM,QAAAnE,GAAAC,EAAAP,EAAM,OAAN,YAAAO,EAAY,SAAZ,YAAAD,EAAoB,cAAe,EAAC,EAClE0F,EAAkBvB,EAAS,IAC/B,SAAA,OAAAnE,GAAAC,EAAAuF,EAAO,QAAP,YAAAvF,EAAc,kBAAd,YAAAD,EAA+B,IAAI,CAAC2F,EAAaC,KAAO,CACtD,OAAQA,EAAI,EACZ,YAAAD,CAAA,IACE,UAAQ,EAERE,EAAa1B,EAAS,IAAM,SAAA,QAAAnE,GAAAC,EAAAuF,EAAO,QAAP,YAAAvF,EAAc,aAAd,YAAAD,EAA0B,OAAO,CAAC,CAAE,aAAA8F,KAAmBA,IAAiB,eAAgB,CAAE,EAAA,EACtHC,GAAQ5B,EAAS,IAAM,OAAA,YAAK,SAAOlE,EAAAuF,EAAO,QAAP,YAAAvF,EAAc,mBAAoB,GAAK,GAAG,EAAC,EAC9E+F,EAAU7B,EAAS,IAAM,SAAA,OAAAnE,GAAAC,EAAAP,EAAM,QAAN,YAAAO,EAAa,QAAb,YAAAD,EAAoB,QAAO,EACpDiG,GAAW9B,EAAS,IACxB6B,EAAQ,QAAUE,GAAa,mBAC3BtG,EAAG,2BACHA,EAAG,YAAA,EAEHuG,GAAchC,EAClB,IAAMiB,EAAc,cAAgBK,EAAa,OAASO,EAAQ,QAAUE,GAAa,mBAAA,EAIrFE,EAAUjC,EAAS,IAAM,OAAA,QAAAlE,EAAAP,EAAM,OAAN,YAAAO,EAAY,UAAW,CAAA,EAAE,EAClDoG,EAAsBlC,EAAS,WAAM,QAAAlE,EAAAP,EAAM,OAAN,YAAAO,EAAY,OAAO,eAAgB,EAAC,EACzEqG,GAAanC,EAAS,WAAM,QAAAlE,EAAAP,EAAM,OAAN,YAAAO,EAAY,OAAO,aAAc,EAAC,EAC9DsG,EAAoBpC,EAAS,WAAM,QAAAlE,EAAAP,EAAM,OAAN,YAAAO,EAAY,OAAO,oBAAqB,EAAC,EAG5EuG,EAAcrC,EAA0C,IAAM,SAC9D,GAAA,CAACiB,EAAc,gBAAiB,OACpC,MAAMqB,IACFzG,GAAAC,EAAAuF,EAAO,QAAP,YAAAvF,EAAc,aAAd,YAAAD,EAA0B,OAAO,CAAC,CAAE,IAAA0G,CAAI,IAAMA,IAAQ,QAAUA,IAAQ,UAAW,CAAA,EACnF,OAAAtB,EAAc,sBAAwBqB,EAAS,SACjDA,EAAS,CAAC,EAAE,OAAO,OAAOrB,EAAc,oBAAoB,EAC5DqB,EAAS,CAAC,EAAE,OAAO,OAAOrB,EAAc,oBAAoB,GAEvDqB,EAAS,IAAI,CAAC,CAAE,IAAAC,EAAK,OAAAC,MAAc,CACxC,MAAO/G,EAAG8G,CAAG,EACb,OAAAC,CAAA,EACA,EAAE,SAAQ,CACb,EAGKhC,EAAiBR,EAAS,aAC9B,OAAAnE,GAAAC,EAAAuF,EAAO,QAAP,YAAAvF,EAAc,QAAd,YAAAD,EAAqB,MAAM,EAAG,GAAG,IAAK6E,IAAU,CAC9C,SAAU,OAAOA,EAAK,EAAE,EACxB,QAAS,CAEP,SAAUA,EAAK,SACf,SAAU,GACV,OAAQ,GACR,SAAU,GACV,YAAa,EACb,YAAa,EACb,SAAU,GACV,WAAY,CAAC,CACf,EACA,QAAS,CACP,aAAcA,EAAK,cACnB,gBAAiBA,EAAK,kBACtB,OAAQ,EACR,aAAc,CAChB,EACA,MAAO,CAACA,CAAI,EACZ,MAAO,EACP,SAAU,EACV,OAAQ,CACN,gBAAiB,GACjB,gBAAiB,GACjB,mBAAoB,EACtB,CAAA,IACA,EAGE+B,GAAS,CAAC,SAAU,WAAY,UAAU,EAC1CC,GAAoB1C,EAAS,IACjC,OAAA,OAAAyC,GAAO,KAAME,YAAU,OAAA9G,GAAAC,EAAAuF,EAAO,QAAP,YAAAvF,EAAc,QAAQ,WAAtB,YAAAD,EAAiC8G,GAAM,GAAI7G,EAAAuF,EAAO,QAAP,YAAAvF,EAAc,QAAQ,SAAW,KAAA,EAE/F8G,GAAoB5C,EAAS,IACjC,OAAA,OAAAyC,GAAO,KAAME,YAAU,OAAA9G,GAAAC,EAAAuF,EAAO,QAAP,YAAAvF,EAAc,QAAQ,WAAtB,YAAAD,EAAiC8G,GAAM,GAAI7G,EAAAuF,EAAO,QAAP,YAAAvF,EAAc,QAAQ,SAAW,KAAA,EAI/F+G,GAAe7C,EAAS,aAC5B,QAAAnE,GAAAC,EAAAuF,EAAO,QAAP,YAAAvF,EAAc,aAAd,YAAAD,EAA0B,OAAO,CAAC,CAAE,IAAA0G,EAAK,aAAAZ,CAAa,IACpD,CAACV,EAAc,cAAc,SAASsB,CAAG,GACtCZ,IAAiB,eACjB,CAAC,EAAA,EAGFmB,GAAoB,IAAM,OAC9B,MAAMC,EAAa,OAAO,YACxBF,GAAa,MAAM,IAAI,CAAC,CAAE,IAAAN,EAAK,KAAAS,GAAM,OAAAR,OAC5BA,GAAA,OAAOvB,EAAc,sBAAsB,EAC3C,CAACsB,EAAK,CACX,KAAMA,EACN,QAASA,EACT,MAAOS,GACP,QAASR,GAAO,IAAI,CAAC,CAAE,MAAAS,GAAO,MAAAC,OAAa,CACzC,MAAAA,GACA,GAAIA,GACJ,MAAOD,GACP,QAAS,GACT,SAAU,EAAA,EACV,EACF,KAAM,WACN,SAAU,CAAC,CAAA,CACZ,EACF,CAAA,EAEGE,EAAgB,CACpB,KAAM,SACN,QAAS,SACT,MAAO1H,EAAG,MAAM,OAChB,SAASK,EAAAyF,EAAgB,QAAhB,YAAAzF,EAAuB,IAAI,CAAC,CAAE,OAAAF,EAAQ,YAAA4F,OAAmB,CAChE,MAAO,GAAG5F,CAAM,IAAIsF,EAAWzF,EAAG,MAAOG,CAAM,CAAC,GAChD,GAAI,GAAGA,CAAM,IAAIsF,EAAWzF,EAAG,MAAOG,CAAM,CAAC,GAC7C,MAAO4F,GACP,QAAS,GACT,SAAU,EAAA,IAEZ,KAAM,kBACN,SAAU,CAAC,CAAA,EAEP4B,EAAe,CACnB,KAAM,SACN,QAAS,SACT,MAAO3H,EAAG,YACV,KAAM,SACN,SAAU,CAAC,CAAA,EAEb,MAAO,CAAE,GAAGsH,EAAY,OAAQI,EAAe,OAAQC,EAAa,EAGhEC,GAAc,CAClB,CAAE,MAAO,SAAU,MAAO5H,EAAG,sBAAuB,EACpD,CAAE,MAAO,cAAe,MAAOA,EAAG,2BAA4B,EAC9D,CAAE,MAAO,gBAAiB,MAAOA,EAAG,6BAA8B,EAClE,CAAE,MAAO,eAAgB,MAAOA,EAAG,4BAA6B,EAChE,CAAE,MAAO,SAAU,MAAOA,EAAG,sBAAuB,EACpD,CAAE,MAAO,YAAa,MAAOA,EAAG,yBAA0B,CAAA,EAGtD6H,EAAU9D,EAAgBsD,GAAA,CAAmB,EAC7CS,EAAe/D,EAAI,CAAC,EACpB3C,EAAa2C,IAGbgE,GAA0BxD,EAAS,IAAM,CAC7C,MAAMyD,GAAUrB,EAAkB,MAAQ,GAAKvB,EAAa,MAAM,aAAa,EAAK,EAC9E6C,EAAM,KAAK,IAAIxB,EAAoB,MAAOE,EAAkB,MAAQvB,EAAa,MAAM,aAAa,CAAC,EACpG,OAAAqB,EAAoB,MACvByB,EAAWlI,EAAG,kBAAmB,CAAE,MAAAgI,EAAO,IAAAC,CAAA,CAAK,EAC/CjI,EAAG,SAAA,CACR,EAEKkF,EAA0B,IAAMC,GAAgB,iBAAiB,EAEjEgD,EAAW,IAAM,CACrB,MAAMC,EAAyB,CAAA,EAC3B,IAAAC,EACJ,OAAO,OAAOR,EAAQ,KAAK,EACxB,OAAO,CAAC,CAAE,SAAA9G,CAAe,IAAAA,GAAA,YAAAA,EAAU,MAAM,EACzC,QAAQ,CAAC,CAAE,KAAAD,EAAM,SAAAC,KAAe,CACrBA,GAAA,MAAAA,EAAA,QAASkE,GAAS,CACtBnE,IAAS,SAA2BuH,EAAcjH,EAAW,MACxDN,IAAS,SAAwCsH,EAAA,KAAK,GAAGtH,CAAI,IAAImE,EAAK,MAAM,GAAG,EAAE,CAAC,CAAC,EAAE,IAC5E,KAAK,GAAGnE,CAAI,IAAImE,CAAI,EAAE,CAAA,EACzC,CACF,EACHG,EAAa,MAAM,QAAUgD,EAAa,OAASA,EAAa,KAAK,GAAG,EAAI,OAC/DhD,EAAA,MAAM,aAAa,EAAI,EACpCA,EAAa,MAAM,EAAIiD,CAAA,EAGnBC,EAAwBnI,GAAmB,CAC/C2H,EAAa,MAAQ3H,IAAW2H,EAAa,MAAQ3H,EAAS,EAC1D2H,EAAa,MACfD,EAAQ,MAAM,OAAO,SAAW,CAAC,GAAG1H,CAAM,IAAIsF,EAAWzF,EAAG,MAAOG,CAAM,CAAC,EAAE,EACjE0H,EAAA,MAAM,OAAO,SAAW,CAAA,EAE5BM,IACejD,GAAA,EAGpBqD,EAAqB,IAAM,CAC/BV,EAAQ,MAAM,OAAO,SAAW,CAACzG,EAAW,KAAK,EACxC+G,GAAA,EAGLK,GAAe,CAAC,CAAE,KAAA1H,EAAM,GAAA2H,KAAuC,OACnEZ,EAAQ,MAAM/G,CAAI,EAAE,UAAWT,EAAAwH,EAAQ,MAAM/G,CAAI,EAAE,WAApB,YAAAT,EAA8B,OAAQ4E,GAASA,IAASwD,GACnF3H,IAAS,WAA2BgH,EAAa,MAAQ,GACzDhH,IAAS,WACXM,EAAW,MAAQ,OACXyG,EAAA,MAAM,OAAO,SAAW,CAAA,GAGzBM,GAAA,EAGLO,GAAe,IAAM,CACzB,OAAO,KAAKb,EAAQ,KAAK,EAAE,QAAS/G,GAAS+G,EAAQ,MAAM/G,CAAI,EAAE,SAAW,CAAE,CAAA,EAC9EgH,EAAa,MAAQ,EACbD,EAAA,MAAM,OAAO,SAAW,CAAA,EAChCzG,EAAW,MAAQ,OACV+G,GAAA,EAGLQ,GAAgBpE,EAAqB,IAAM,OAAO,YACtD,OAAO,QAAQsD,EAAQ,KAAK,EAAE,OAC3Be,GAAMA,EAAE,CAAC,IAAM,UACbA,EAAE,CAAC,IAAM,QACd,CAAA,CACD,EAEKC,GAAwB,CAAC,CAAE,KAAA/H,EAAM,SAAAC,KAAe,CACpD8G,EAAQ,MAAQ,CACd,GAAGA,EAAQ,MACX,CAAC/G,CAAI,EAAG,CAAE,GAAG+G,EAAQ,MAAM/G,CAAI,EAAG,SAAAC,CAAS,CAAA,EAEpCoH,GAAA,EAGLW,GAAe,IAAM,CACzB1D,EAAa,MAAM,aAAa,GAAKuB,EAAkB,MAAQ,GAAKvB,EAAa,MAAM,aAAa,EAAIA,EAAa,MAAM,aAAa,EAChHF,GAAA,EAGpB6D,GAAW,IAAM,CACrB3D,EAAa,MAAM,aAAa,GAAKuB,EAAkB,MAAQ,GAAKvB,EAAa,MAAM,aAAa,EAAIA,EAAa,MAAM,aAAa,EAChHF,GAAA,EAGpB8D,GAAuB,IAAM,SACftD,EAAA,OAAO,KAAK,CAC5B,SAAQrF,EAAAP,EAAM,OAAN,YAAAO,EAAY,kBAAiBD,EAAAN,EAAM,OAAN,YAAAM,EAAY,QACjD,UAAWN,EAAM,SAAA,CAClB,CAAA,EAIH,OAAAmJ,GAAgB,IAAM,CACP7D,EAAA,MAAM,aAAa,EAAI,EACpCA,EAAa,MAAM,KAAO,SAC1BA,EAAa,MAAM,QAAU,OAC7BA,EAAa,MAAM,EAAI,MAAA,CACxB"}