let reviewsData={};let resources=[];let detailRev=null;let showType=null;let pageNo=null;let pageCount=null,pageSize=15;let revDetail=null;let preBtn=null,nextBtn=null;const reviewLists=[];function insertReviewDetail(v){const isMobile=v.isMobile;let powerStr="";let relatePro="";var ttSty=document.createElement("link");ttSty.rel="stylesheet";let link="";if(v.env==="local"){link="../css/module/tt-review-detail.min.css";}else{link="https://"+
v.staticBaseUrl+
"/static/css/module/tt-review-detail.min.css?"+
v.constructTime;}
ttSty.href=link;document.head.appendChild(ttSty);powerStr=`<div class="trustoo-power" >Powered by 
    <a target="_blank" href="https://www.trustoo.io/"
    >Trustoo.io</a></div>`;relatePro=`
      <div class="product-info">
        <div class="product-image"></div>
        <div>
          <div class="tt-product-name"></div>
          <div class="product-shop">
						<a target="_Blank" href="" >
							<span class="tt-shop"></span><span>Shop Now</span>
						</a>
          </div>
        </div>
      </div>`;const revDetailHtml=` <div id="trustoo-review-detail" style="display:none" class="trustoo-widget">
    <div class="close-wrapper"><div class="tt-review_detail_close"></div></div>
      <div class="media-swiper">
        <div class="image-btn-wrapper pre-btn-wrapper"><div class="tt-review_detail_pre_image"></div></div>
        <div class="image-btn-wrapper next-btn-wrapper"><div class="tt-review_detail_next_image"></div></div>
        <script src="https://embed.cloudflarestream.com/embed/sdk.latest.js" defer="true"></script>
        <video class="tt-detail-video" style="display:none" type="video/mp4,video/wmv, video/avi, video/mp4, video/flv,
          video/3gp, video/mov, video/mkv, video/vob" autoplay  controls></video>
      </div>

    <div class="review-detail">
        <div class="review-info" ></div>
        ${relatePro}
    </div>
        ${powerStr}
  </div>`;if(!$dqs("#trustoo-mask")){document.body.insertAdjacentHTML("beforeend",'<div id="trustoo-mask" style="display:none"></div>');}
$dqs("#trustoo-mask").insertAdjacentHTML("beforeend",revDetailHtml);revDetail=$dqs("#trustoo-review-detail");v.revDetail=revDetail;$dqs(".close-wrapper",revDetail).onclick=function(){window.history.back();};$dqs(".review-info",revDetail).onclick=function(e){const target=e.target;if(target.tagName==="IMG"){changeTTDetailImagesActive(target,target.getAttribute("alt"));switchImgVisibleStatus(v.revDetailInfo.imageIndex,v.revDetailInfo.no,"click");}else if(target.classList.contains("resource-item")){const imgNode=$dqs("img",target);changeTTDetailImagesActive(imgNode,imgNode.getAttribute("alt"));switchImgVisibleStatus(v.revDetailInfo.imageIndex,v.revDetailInfo.no,"click");}};preBtn=$dqs(".pre-btn-wrapper",revDetail);preBtn.onclick=function(){const v=reviewsData;const info=v.revDetailInfo;isSwitch=false;if(info.imageIndex-1>=0){info.imageIndex--;switchImgVisibleStatus(info.imageIndex,info.no,"pre");}else{if(showType==="trustoo_swiper_review"){info.imageIndex=resources.length-1;}else{isSwitch=true;switchReview("pre");}}
if(!isSwitch){const target=$dqs(`img[alt="${info.imageIndex}"]`,revDetail);changeTTDetailImagesActive(target,info.imageIndex);}};nextBtn=$dqs(".next-btn-wrapper",revDetail);nextBtn.onclick=function(){const info=reviewsData.revDetailInfo;isSwitch=false;if(info.imageIndex+1<resources.length){info.imageIndex++;switchImgVisibleStatus(info.imageIndex,info.no,"next");}else{if(showType==="trustoo_swiper_review"){info.imageIndex=0;}else{isSwitch=true;switchReview("next");}}
if(!isSwitch){const target=$dqs(`img[alt="${info.imageIndex}"]`,revDetail);changeTTDetailImagesActive(target,info.imageIndex);}};window.addEventListener("click",function(e){if($dqs("#trustoo-mask").contains(e.target)&&!revDetail.contains(e.target)&&revDetail.style.display==="flex"){window.history.back();}});window.addEventListener("hashchange",function(){var newHash=window.location.hash;if(newHash.indexOf("tt-reviews-detail-open")===-1){closeTTDetail(revDetail);}});}
function showReviewDetail(v,html,data,type){showType=type;reviewsData=v;const revDetail=$dqs("#trustoo-review-detail");const revInfo=$dqs(".review-info",revDetail);let h=0;if(data.corresponding_product!==null){h=101;}
if(v.userSetting.is_del_powered!==1){if(v.isMobile){h+=30;}
$dqs(".trustoo-power",revDetail).style.display="block";}
if(!revDetail.getAttribute("opened")){revDetail.setAttribute("opened",true);}
if(v.isMobile){let vhNum=40;if(data.resources.length===0){vhNum=100;}
revInfo.style.height=`calc(${vhNum}vh - ${h}px)`;}else{revInfo.style.height=600-h+"px";}
window.location.hash="tt-reviews-detail-open";revDetail.setAttribute("type",type);if(html===""){html=getTTDetailReviewInfo(data);}
if(pageNo===null&&type!=="trustoo_swiper_review"){getTTDetailReviewsList(data.id);}
revInfo.innerHTML=html;resources=data.resources.map(x=>x);if(v.isMixReview||v.isWdoRevOpen){const info=data.corresponding_product;if(info){let proName=info.product_name;if(proName.length>50){proName=proName.substring(0,50)+"...";}
$dqs(".tt-product-name",revDetail).innerHTML=proName;$dqs(".product-image",revDetail).style.backgroundImage=`url(${info.product_image})`;$dqs(".product-shop>a",revDetail).href=info.product_url;$dqs(".product-info",revDetail).style.display="flex";}}
$dqs(".reviews-text,.tt-card-body",revDetail).innerHTML=data.content;$dqsa(".resource-list img",revDetail).forEach(it=>{it.onerror=function(){const inx=this.getAttribute("alt");resources.splice(inx,1);it.closest(".resource-item").remove();if(inx==0){changeTTDetailImagesActive($dqs(".resource-list img",revDetail),0);}
if(resources.length===1){if(type==="trustoo_swiper_review"){$dqs(".media-swiper",revDetail).classList.add("hide-btn");}}else{$dqsa(".resource-list img",revDetail).forEach((it,inx)=>{it.setAttribute("index",inx);it.setAttribute("alt",inx);});}};});const multiPhotoIcon=$dqs(".multi-photo-wrapper",revDetail);multiPhotoIcon&&multiPhotoIcon.remove();document.body.classList.add("trustoo-open");$dqs("#trustoo-mask").style.display="flex";const media=$dqs(".media-swiper",revDetail);let d="block";let cls="has-image";revDetail.classList.remove("no-image");if(resources.length===0){cls="no-image";d="none";}else if(resources.length>1){media.classList.remove("hide-btn");}else{if(type==="trustoo_swiper_review"){media.classList.add("hide-btn");}}
if(resources.length>0){if(resources[0].resource_type===2){const n=$dqs(".resource-list",revDetail);if(n){n.remove();}
media.style.backgroundColor="#000";cls="has-video";if(type==="trustoo_swiper_review"){media.classList.add("hide-btn");}
if(resources[0].video_player_url){media.insertAdjacentHTML("afterbegin",`<iframe src="" class="tt-detail-frame"
					style="border: none; position: absolute; top: 0; left: 0; height: 100%; width: 100%;display:none";
					allow="accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture;" allowfullscreen="true"></iframe>`);const iframe=$dqs(".tt-detail-frame",revDetail);iframe.style.display="block";iframe.src=resources[0].video_player_url+"?autoplay=true";}else if(resources[0].src){const video=$dqs(".tt-detail-video",revDetail);video.style.display="block";video.src=resources[0].src;}}else{const imageIndex=v.revDetailInfo.imageIndex;if(resources.length===1){$dqs(".resource-list",revDetail).remove();}else{const nodes=$dqsa(".resource-item",revDetail);nodes.forEach(itm=>{child=itm.children[0];child.style.display="block";if(itm.getAttribute("proportion")>1){child.style.height="100%";}else{child.style.width="100%";}});$dqs(`img[alt="${imageIndex}"]`,revDetail).parentNode.classList.add("active");}
let imgSty=`background-image:url(${resources[imageIndex].src});`;imgSty+=getTTDetailImageStyle(resources[imageIndex]);media.style.cssText=imgSty;}}
revDetail.className="trustoo-widget "+cls;revDetail.style.display="flex";media.style.display=d;}
async function switchReview(type){const v=reviewsData;const revDetail=$dqs("#trustoo-review-detail");let no=v.revDetailInfo.no;if(type==="pre"){if(no===0){pageNo--;no=14;}else{no--;}}else if(type==="next"){if(no===14){pageNo++;no=0;}else{no++;}}
let previewPageNo=null;if(no>=13&&previewPageNo<pageCount){previewPageNo=pageNo+1;}else if(no<=2&&pageNo>1){previewPageNo=pageNo-1;}
if(previewPageNo&&typeof reviewLists[previewPageNo-1]==="undefined"){getTTDetailReviewsList("",previewPageNo);}
v.revDetailInfo.no=no;if(revDetail.classList.contains("has-video")){$dqs(".tt-detail-frame",revDetail).remove();revDetail.classList.remove("has-video");}
const d=await getReview(no);if(type==="pre"){v.revDetailInfo.imageIndex=d.resources.length-1;}else if(type==="next"){v.revDetailInfo.imageIndex=0;}
$dqs(".media-swiper",revDetail).style.backgroundImage="none";showReviewDetail(v,"",d,showType);switchVisibleStatus(no,type,d.resources.length);}
async function getReview(no){let d=null;if(typeof reviewLists[pageNo-1]!=="undefined"){d=reviewLists[pageNo-1][no];}else{d=await getTTDetailReviewsList("",pageNo)[no];}
return d;}
async function getTTDetailReviewsList(reviewId="",reqPageNo=0){let isBuyersShow=2;let sortType="image-descending",ratingFilter=0;const v=reviewsData;if(showType==="trustoo_buyers_show"){isBuyersShow=v.buyersShowType;}
if(["trustoo_reviews","trustoo_all_reviews"].includes(showType)){sortType=(v.isWdoRevOpen?v.wdoRevDom:v.reviewsDom).getAttribute("review_sort_by");ratingFilter=(v.isWdoRevOpen?v.wdoRev:v.reviews).ratingFilter;}
return v.getRevList(sortType,ratingFilter,reqPageNo,15,isBuyersShow,true,reviewId).then(res=>{const d=res[1];if(!pageNo){pageNo=d.page.cur_page;pageCount=d.page.total_page;if(pageNo===pageCount){pageSize=d.list.length;}}
if(reviewId){const no=(v.revDetailInfo.no=d.list.findIndex(it=>{return it.id==reviewId;}));let previewPageNo=null;if(no>=13&&pageNo<pageCount){previewPageNo=pageNo+1;}else if(no<=2&&pageNo>1){previewPageNo=pageNo-1;}
if(previewPageNo){getTTDetailReviewsList("",previewPageNo);}
switchVisibleStatus(no,"click",resources.length);}
reviewLists[d.page.cur_page-1]=d.list;return d.list;});}
function switchVisibleStatus(no,type,resourceCount){const info=reviewsData.revDetailInfo;if(no===0&&pageNo===1&&info.imageIndex===0){preBtn.style.display="none";}else if(no===1&&pageNo===1&&type==="next"){preBtn.style.display="flex";}
if(no===pageSize-1&&pageNo===pageCount&&resourceCount===1){nextBtn.style.display="none";}else if(no===pageSize-2&&pageNo===pageCount&&type==="pre"){nextBtn.style.display="flex";}}
function switchImgVisibleStatus(index,no,type){if(((index===1&&type==="next")||(index!==0&&type==="click"))&&pageNo===1&&no===0){preBtn.style.display="flex";}else if(index===0&&pageNo===1&&no===0){preBtn.style.display="none";}
if(index+1===resources.length&&pageNo===pageCount&&no===pageSize-1){nextBtn.style.display="none";}else if(((index+2===resources.length&&type==="pre")||(index+1!==resources.length&&type==="click"))&&pageNo===pageCount&&no===pageSize-1){nextBtn.style.display="flex";}}
function closeTTDetail(revDetail){pageNo=null;revDetail.parentNode.style.display="none";$dqs(".review-info",revDetail).innerHTML="";if(revDetail.classList.contains("has-video")){$dqs(".tt-detail-frame",revDetail).remove();}
if(showType!=="trustoo_swiper_review"){$dqsa(".image-btn-wrapper",revDetail).forEach(it=>(it.style.display="flex"));}
$dqs(".media-swiper",revDetail).style.backgroundImage="none";revDetail.style.display="none";document.body.classList.remove("trustoo-open");$dqs(".product-info",revDetail).style.display="none";}
function getTTDetailImageStyle(image){const width=image.width,height=image.height;const average_hue=image.average_hue;const bdc=average_hue?average_hue:"#cec9b6";let style="";if(width>height){style="background-size:100% auto;";}else{const p=parseFloat((width/height).toFixed(1));if(p>=0.7&&p<=1){style="background-size:100% auto;";}else{style="background-size:auto 100%;";}}
style+=`background-color:${bdc};`;return style;}
function changeTTDetailImagesActive(target,index){const revDetail=$dqs("#trustoo-review-detail");const activeNode=$dqs(".active",revDetail);if(activeNode){activeNode.classList.remove("active");}
target.parentNode.classList.add("active");const v=reviewsData;v.revDetailInfo.imageIndex=parseInt(index);const image=resources[index];const style=getTTDetailImageStyle(image);$dqs(".media-swiper",revDetail).style.cssText=`background-image:url(${image.src});${style}`;}
function $dqs(selector,context){let node;if(context){node=context.querySelector(selector);}else{node=document.querySelector(selector);}
return node;}
function $dqsa(selector,context){let nodes;if(context){nodes=context.querySelectorAll(selector);}else{nodes=document.querySelectorAll(selector);}
return nodes;}
function getTTDetailReviewInfo(data){const v=reviewsData;const userSetting=v.userSetting;let resources="";if(data.resources.length!==0&&data.resources[0].resource_type!==2){data.resources.forEach((it,index)=>{let proportion=(it.width/it.height).toFixed(2);resources+=`<div class="resource-item" proportion="${proportion}"><img index="${index}"  alt="${index}"  src="${it.src}">
			</div>`;});resources=`<div class="resource-list">${resources}</div>`;}
let authorCountry="";const flagCls=data.author_country?"country-flag "+data.author_country:"";const flag=`<span class="${flagCls}"
   style="${data.author_country?"border: 1px solid #ccc;":""}" ></span>`;const country=` <span class="country-name">${data.author_country}</span>`;const flagType=userSetting.is_show_country_flag;if(flagType==1){authorCountry=flag+country;}else if(flagType==3){authorCountry=flag;}else if(flagType==4){authorCountry=country;}
let reviewDate="";let d=[];if(data.commented_at.indexOf("/")!==-1){d=data.commented_at.split("/");}else if(data.commented_at.indexOf("-")!==-1){d=data.commented_at.split("-");}
if(userSetting.review_date_format_type===1){reviewDate=d[1]+"/"+d[2]+"/"+d[0];}else if(userSetting.review_date_format_type===2){reviewDate=d[2]+"/"+d[1]+"/"+d[0];}else if(userSetting.review_date_format_type===3){reviewDate=data.commented_at;}
let dateHtml=reviewDate?`<span class="reviews-date">${reviewDate}</span>`:"";const veryIcon=`<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
	<path fill-rule="evenodd" clip-rule="evenodd" d="M7 14C10.866 14 14 10.866 14 7C14 3.13401 10.866 0 7 0C3.13401 0 0 3.13401 0 7C0 10.866 3.13401 14 7 14ZM5.30236 10.7724C5.45276 10.9239 5.64913 11 5.84629 11C6.04267 11 6.23982 10.9239 6.39022 10.7724L11.775 5.32765C12.075 5.02399 12.075 4.532 11.775 4.22834C11.4742 3.92389 10.9871 3.92389 10.6871 4.22834L5.84629 9.1223L3.31288 6.56115C3.01286 6.25748 2.52581 6.25748 2.22501 6.56115C1.925 6.86481 1.925 7.35758 2.22501 7.66125L5.30236 10.7724Z" fill="${userSetting.verified_badge_color}"/>
	</svg>`;const veryText=`<span class="verified-text">${v.lang.verified_purchase}</span>`;const veryType=userSetting.is_show_verified_badge;let onlyVeryIcon="",userVerified="";if(data.verified_badge===1){if(veryType===1){userVerified=`<div class="user-verified">
				${veryIcon+veryText}</div>
			`;}else if(veryType===2){}else if(veryType===3){onlyVeryIcon=veryIcon;}}
let merchantReply="";if(data.reply_content!==""){merchantReply=`<div class="merchant-reply">
			<div class="reply-title"><svg width="14" height="14" viewBox="0 0 10 9" fill="none" xmlns="http://www.w3.org/2000/svg">
			<path d="M8.48243 8.25H1.56692V6H0.798534V9H9.25082V6H8.48243V8.25ZM9.94237 2.85C9.86553 2.625 9.78869 2.475 9.71185 2.25C9.25082 1.5 8.86663 0.75 8.48243 0H1.56692L1.49008 0.15C1.41325 0.3 1.33641 0.375 1.33641 0.525C1.10589 0.975 0.875373 1.35 0.644856 1.8L0.414339 2.25C0.260661 2.55 0.106983 2.85 0.0301443 3.15C-0.0466947 3.525 0.0301443 3.9 0.183822 4.2C0.491178 4.8 1.10589 5.175 1.7206 5.25C2.33531 5.325 3.1037 5.025 3.4879 4.5C3.87209 4.95 4.40997 5.25 5.02468 5.25C5.63939 5.25 6.17726 4.95 6.56146 4.5C7.02249 5.1 7.86772 5.4 8.55927 5.175C9.32766 5.025 9.86553 4.35 9.94237 3.6C10.0192 3.375 10.0192 3.075 9.94237 2.85ZM8.71295 4.35C8.32875 4.575 7.71404 4.5 7.40669 4.275C7.02249 3.975 6.86881 3.45 6.94565 3H6.17726C6.33094 3.525 6.02358 4.125 5.56255 4.35C5.02468 4.65 4.33313 4.425 4.02577 3.975C3.87209 3.675 3.87209 3.3 3.87209 3H3.1037C3.1037 3.375 3.1037 3.675 2.87319 3.975C2.64267 4.425 1.95112 4.65 1.49008 4.425C1.02905 4.2 0.721695 3.6 0.798534 3.075C0.875373 2.85 0.952212 2.625 1.10589 2.4C1.33641 1.95 1.56692 1.575 1.87428 1.125C1.95112 1.05 2.02796 0.9 2.02796 0.825L2.1048 0.75H7.94456C8.25191 1.35 8.63611 1.875 8.94347 2.475C9.09714 2.7 9.17398 2.925 9.25082 3.15V3.375C9.25082 3.75 9.0203 4.125 8.71295 4.35Z" fill="${userSetting.font_color}"/>
			</svg>
			 ${v.lang.reply}:</div>
				<div class="reply-content">${data.reply_content}</div>
			</div>`;}
return `
	<div class="review-row-one">
		<div class="star vstar-star">${getTTDetailStar(data.star)}  </div>
		${dateHtml}
	</div>
		<div class="user-message">  
			<span class="user-name"> <span class="author-name"> ${
data.author
}  </span> </span>
			${authorCountry}
			${onlyVeryIcon}
			${userVerified}     
		</div>
		${resources}
		<p class="reviews-text" style="line-height: 22px;">${data.content}</p>
		${merchantReply}
	`;}
function getTTDetailStar(rating){const star='<i class="trustoo-icon-star"></i>';const nostar='<i class="trustoo-icon-nostar"></i>';const starString=`<div class="star-item">${star}</div>`;const nostarString=`<div class="star-item nostar">${nostar}</div>`;if(!parseInt(rating))rating=0;var starTag="";var starNum=Math.floor(rating);for(var i=0;i<starNum;i++){starTag+=starString;}
for(var i=0;i<5-starNum;i++){starTag+=nostarString;}
return starTag;}