"use strict";class BVRatingSummary extends HTMLElement{#sessionKey="_bvsummary";settings={starIcon:`<svg class="bv-icon-star" xmlns="http://www.w3.org/2000/svg" width="17px" height="17px" viewBox="0 0 25 25" focusable="false">
        <polygon
            points="25 9.12 15.5669599 9.12 12.512219 0 9.40860215 9.12 0 9.12 7.55131965 14.856 4.47214076 24 12.512219 18.216 20.5522972 24 17.4731183 14.856"
            style="fill: url('#[[START_ICON_ID]]');"
        ></polygon>
        <path d="" style="fill: url('#[[START_ICON_ID]]');"></path>
        <defs>
            <linearGradient id="[[START_ICON_ID]]" x1="[[BV_STAR_FILL_X1]]%" y1="0%" x2="100%" y2="0%">
                <stop offset="0%" style="stop-color: rgb(0, 0, 0); stop-opacity: 1;"></stop>
                <stop offset="1%" style="stop-color: rgb(204, 204, 204); stop-opacity: 1;"></stop>
            </linearGradient>
        </defs>
        </svg>`,template:`
            <div class="bv_summary" itemprop="aggregateRating" itemscope="" itemtype="https://schema.org/AggregateRating">
                <span aria-hidden="true" itemprop="itemReviewed" itemscope="true" itemtype="https://schema.org/IndividualProduct" class="visually-hidden">
                    <span itemprop="name">[[BV_PRODUCT_TITLE]]</span>
                </span>
                <div itemprop="ratingValue" class="visually-hidden notranslate" aria-hidden="true">[[BV_AVG_RATING]]</div>
                <meta itemprop="reviewCount" content="[[BV_TOTAL_REVIEWS]]" />
                <button class="bv_summary_container" type="button" aria-expanded="false" data-skip-reviews>
                    <span class="visually-hidden">[[BV_SUMMARY_TEXT]]</span>
                    <div class="bv_summary_star_container" aria-hidden="true">[[BV_STARS]]</div>
                    <div class="bv_summary_reviews_count">[[BV_TOTAL_REVIEWS]]</div>
                </button>
                [[BV_SUMMARY_MODAL]]
                [[BV_SKIP_TO_REVIEW_LINK]]
            </div>`,modalTemplate:`
            <dialog class="bv_summary_modal">
                <div class="bv_summary_modal_container">
                    <div class="bv_summary_modal_body">
                        <ul role="list">[[BV_SUMMARY_MODAL_ITEMS]]</ul>
                    </div>
                    <div class="bv_summary_modal_footer">
                        [[BV_SUMMARY_MODAL_BTN]]
                    </div>
                </div>
            </dialog>`,modalTemplateListItem:`
            <li role="listitem">
                <p>
                    <span class="visually-hidden">[[BV_TOTAL_RATING]] reviews with [[BV_RATING_NAME]] stars</span>
                    <span aria-hidden="true" class="bv_summary_rating_name">[[BV_RATING_NAME]]</span>
                    <span aria-hidden="true" class="bv_summary_rating_icon">[[BV_STAR_ICON]]</span>
                    <span aria-hidden="true" class="bv_summary_progressbar">
                        <span class="bv_summary_progressbar_empty">
                            <span class="bv_summary_progressbar_filled" style="width: [[BV_RATING_CONTRIBUTION]]%"></span>
                        </span>
                    </span>
                    <span aria-hidden="true" class="bv_summary_total_rating">[[BV_TOTAL_RATING]]</span>
                </p>
            </li>`};constructor(){if(super(),this.productId=this.dataset.productId,console.log("BVRatingSummary constructor - productId:",this.productId,"dataset:",this.dataset),!this.productId){console.warn("No productId found in dataset");return}this.productTitle=this.dataset.title,this.productUrl=this.dataset.productUrl,this.isIpadLandAndUp=window.innerWidth>=1024,this.isQuickview=this.dataset.quickview,console.log("BVRatingSummary initialized with:",{productId:this.productId,productTitle:this.productTitle,productUrl:this.productUrl,isQuickview:this.isQuickview});const cachedData=this.getCachedData();if(this.updatePosition(),cachedData){console.log("Using cached data for product:",this.productId),this.render(cachedData);return}console.log("Fetching fresh data for product:",this.productId),this.fetchBVRatingSummaryData()}connectedCallback(){}disconnectedCallback(){this.skipToReviewsBtns.forEach(btn=>{btn.removeEventListener("click",this.handleWriteReview.bind(this))}),this.summaryModalTriggerBtn.removeEventListener("click",this.openSummaryModal.bind(this)),this.summaryModal.removeEventListener("keyup",this.handleSummaryModalEscape.bind(this)),this.summaryModal.removeEventListener("focusout",this.handleSummaryModalFocusOut.bind(this)),this.summaryModalCloseBtn&&this.summaryModalCloseBtn.removeEventListener("click",this.closeSummaryModal.bind(this)),document.removeEventListener("click",this.handleClickOutside.bind(this)),this.modalCloseTimer=null,this.summaryModalTriggerBtn.removeEventListener("mouseenter",this.handleMouseEnter.bind(this)),this.summaryModalTriggerBtn.removeEventListener("mouseleave",this.handleMouseLeave.bind(this)),this.summaryModal.removeEventListener("mouseenter",this.handleMouseEnter.bind(this)),this.summaryModal.removeEventListener("mouseleave",this.handleMouseLeave.bind(this))}initEvents(){this.skipToReviewsBtns.forEach(btn=>{btn.addEventListener("click",this.handleWriteReview.bind(this))}),this.summaryModalTriggerBtn.addEventListener("click",this.openSummaryModal.bind(this)),this.summaryModal.addEventListener("keyup",this.handleSummaryModalEscape.bind(this)),this.summaryModal.addEventListener("focusout",this.handleSummaryModalFocusOut.bind(this)),document.addEventListener("click",this.handleClickOutside.bind(this))}initDesktopOnlyEvents(){this.isIpadLandAndUp&&(this.modalCloseTimer=null,this.summaryModalTriggerBtn.addEventListener("mouseenter",this.handleMouseEnter.bind(this)),this.summaryModalTriggerBtn.addEventListener("mouseleave",this.handleMouseLeave.bind(this)),this.summaryModal.addEventListener("mouseenter",this.handleMouseEnter.bind(this)),this.summaryModal.addEventListener("mouseleave",this.handleMouseLeave.bind(this)))}updatePosition(){const section=_theme.Helpers.getParamFromURL("section");if(!section||section!=="reviews")return;setTimeout(this.handleWriteReview.bind(this),2500);const newUrl=_theme.Helpers.deleteParamFromURL("section");history.pushState("","",newUrl)}static get getElementName(){return"bv-rating-summary"}async fetchBVRatingSummaryData(){try{console.log("Fetching Bazaarvoice data for product:",this.productId);const data=await(await fetch(`
                https://api.bazaarvoice.com/data/display/0.2alpha/product/summary?PassKey=caVhjOuijxSJVqMHM6yS16ABhvzzl0CF1onOQBzGbJYsk&productid=${this.productId}&contentType=reviews,questions&reviewDistribution=primaryRating,recommended&rev=0
            `)).json();console.log("Bazaarvoice API response:",data),this.cacheData(data),this.render(data)}catch(err){console.error("Error fetching Bazaarvoice data:",err)}}render(data){let html=this.settings.template;const starIcon=this.settings.starIcon;let modalHtml=this.settings.modalTemplate;console.log("Rendering Bazaarvoice data:",data);try{const{reviewSummary:{numReviews,primaryRating:{average,distribution}}}=data;if(console.log("Extracted data - numReviews:",numReviews,"average:",average,"distribution:",distribution),numReviews===0){console.log("No reviews found, hiding component"),this.classList.add("hidden");return}const finalAvgRating=average.toFixed(1),nearestRating=Math.floor(Number(average)),summaryText=`${finalAvgRating} out of 5 stars. Read reviews for average rating value is ${finalAvgRating} of 5.`,starFillPer=average*100/5,starIconHtml=distribution.map((d,i)=>{const index=i+1,randomId=Date.now()+index;let icon=_theme.Helpers.updateHtml(starIcon,"[[START_ICON_ID]]",`bv_rating_summary_star_filled_${randomId}`);return index<nearestRating?icon=_theme.Helpers.updateHtml(icon,"[[BV_STAR_FILL_X1]]",99.99):index===nearestRating?icon=_theme.Helpers.updateHtml(icon,"[[BV_STAR_FILL_X1]]",starFillPer):icon=_theme.Helpers.updateHtml(icon,"[[BV_STAR_FILL_X1]]",0),icon}).join("");html=_theme.Helpers.updateHtml(html,"[[BV_STARS]]",starIconHtml),html=_theme.Helpers.updateHtml(html,"[[BV_PRODUCT_TITLE]]",this.productTitle),html=_theme.Helpers.updateHtml(html,"[[BV_SUMMARY_TEXT]]",summaryText),html=_theme.Helpers.updateHtml(html,"[[BV_AVG_RATING]]",finalAvgRating),html=_theme.Helpers.updateHtml(html,"[[BV_TOTAL_REVIEWS]]",`(${numReviews})`);let skipLink='<a data-skip-reviews class="top-write-review-btn" href="javascript:void(0)" aria-label="Skip to Write a review section">Write a review</a>';this.isQuickview&&(skipLink=`<a class="top-write-review-btn" href="${this.productUrl}?section=reviews" aria-label="Write a review">Write a review</a>`),html=_theme.Helpers.updateHtml(html,"[[BV_SKIP_TO_REVIEW_LINK]]",skipLink),modalHtml=_theme.Helpers.updateHtml(modalHtml,"[[BV_SUMMARY_MODAL_ITEMS]]",this.buildModalSummaryList(data));let modalBtnHtml=`<button data-skip-reviews type="button" class="btn btn-black" aria-label="Read ${numReviews} reviews, Skip to reviews section">Read ${numReviews} reviews</button>`;this.isQuickview&&(modalBtnHtml=`<a href="${this.productUrl}?section=reviews" class="btn btn-black" aria-label="Read ${numReviews} reviews">Read ${numReviews} reviews</a>`),modalHtml=_theme.Helpers.updateHtml(modalHtml,"[[BV_SUMMARY_MODAL_BTN]]",modalBtnHtml),html=_theme.Helpers.updateHtml(html,"[[BV_SUMMARY_MODAL]]",modalHtml),this.innerHTML=html,this.buildSelectors(),this.initEvents(),this.initDesktopOnlyEvents()}catch(err){console.error("Error destructuring Bazaarvoice data:",err,"Data structure:",data),this.classList.add("hidden");return}}buildModalSummaryList(data){const{reviewSummary:{numReviews,primaryRating:{average,distribution}}}=data;let html="";const starIcon=this.settings.starIcon;return distribution.forEach(({key,count},i)=>{let itemHtml=this.settings.modalTemplateListItem,icon=_theme.Helpers.updateHtml(starIcon,"[[START_ICON_ID]]",`bv_rating_modal_summary_star_filled_${i}`);icon=_theme.Helpers.updateHtml(icon,"[[BV_STAR_FILL_X1]]",99.99);const contribution=(count*100/numReviews).toFixed(2);itemHtml=_theme.Helpers.updateHtml(itemHtml,"[[BV_TOTAL_RATING]]",count),itemHtml=_theme.Helpers.updateHtml(itemHtml,"[[BV_RATING_NAME]]",key),itemHtml=_theme.Helpers.updateHtml(itemHtml,"[[BV_STAR_ICON]]",icon),itemHtml=_theme.Helpers.updateHtml(itemHtml,"[[BV_RATING_CONTRIBUTION]]",contribution),html+=itemHtml}),html}cacheData(data){if(!data)return;const productSummary={[this.productId]:data};_theme.Helpers.setItemIntoSS(this.#sessionKey,productSummary)}getCachedData(){const data=_theme.Helpers.getItemFromSS(this.#sessionKey);return data&&data[this.productId]}buildSelectors(){this.skipToReviewsBtns=this.querySelectorAll("[data-skip-reviews]"),this.summaryModal=this.querySelector("dialog"),this.summaryModalTriggerBtn=this.querySelector("button.bv_summary_container")}handleSummaryModalEscape(evt){!evt.code||evt.code.toUpperCase()!=="ESCAPE"||this.closeSummaryModal()}handleClickOutside(evt){if(this.summaryModal.hasAttribute("open")||this.summaryModal.open){const isClickInsideModal=this.summaryModal.contains(evt.target),isClickOnTrigger=this.summaryModalTriggerBtn.contains(evt.target);!isClickInsideModal&&!isClickOnTrigger&&(console.log("Click outside modal detected, closing..."),this.closeSummaryModal())}}handleSummaryModalFocusOut(evt){evt.relatedTarget&&!this.summaryModal.contains(evt.relatedTarget)&&this.closeSummaryModal()}handleMouseEnter(){this.modalCloseTimer&&clearTimeout(this.modalCloseTimer),this.openSummaryModal()}handleMouseLeave(){this.modalCloseTimer=setTimeout(this.closeSummaryModal.bind(this),300)}openSummaryModal(){console.log("Opening summary modal"),this.summaryModalTriggerBtn.setAttribute("aria-expanded",!0),this.summaryModal.show?this.summaryModal.show():this.summaryModal.setAttribute("open",!0)}closeSummaryModal(){console.log("Closing summary modal"),this.modalCloseTimer&&(clearTimeout(this.modalCloseTimer),this.modalCloseTimer=null),this.summaryModal.close?this.summaryModal.close():this.summaryModal.removeAttribute("open"),this.summaryModalTriggerBtn.setAttribute("aria-expanded",!1)}handleWriteReview(){this.summaryModal.close();const reviewBlock=document.getElementById("tab4"),reviewBlockContent=document.getElementById("tab4-tab");!reviewBlock||!reviewBlockContent||(window.innerWidth<1025?(reviewBlockContent.scrollIntoView({behavior:"smooth"}),reviewBlockContent.querySelector(".mobile-accordion-controller").click()):(reviewBlock.scrollIntoView({behavior:"smooth"}),reviewBlock.click()))}}customElements.get(BVRatingSummary.getElementName)||customElements.define(BVRatingSummary.getElementName,BVRatingSummary);
//# sourceMappingURL=/cdn/shop/t/731/assets/bv-summary.js.map?v=41794802053277023691756296808