https://sugary.me/_next/static/chunks/4918.23ba08d25955e98b.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4918],{64918:(e,s,t)=>{t.r(s),t.d(s,{default:()=>u});var l=t(95155),a=t(74350),i=t(74937),r=t(52760),n=t(97812),c=t(39457),d=t(94290),o=t(6296),x=t(2693),m=t(23591);let h=({scrollContainerRef:e,sentinelRef:s,isLoading:t,reviews:a,isLoadingMore:h,store:p})=>{let u=(0,x.n)(e=>e.language),f=m.P[u],g=[{label:f.storepage.product_quality,score:p?.ProductQualityRating||0,color:"bg-emerald-400"},{label:f.storepage.customer_service,score:p?.DeliveryRating||0,color:"bg-blue-400"},{label:f.storepage.uniqueness,score:p?.UniquenessRating||0,color:"bg-amber-400"}];return(0,l.jsxs)("div",{className:"flex flex-col max-h-[75vh] overflow-y-auto scrollbar-hide",children:[(0,l.jsxs)("div",{className:"mx-4 flex items-start justify-between gap-4  space-y-5 bg-white/5 border border-white/10 squircle py-6 px-6",children:[(0,l.jsx)("div",{className:"flex items-start gap-4",children:(p.ReviewCount||0)>0?(0,l.jsxs)("div",{className:"flex items-start flex-col gap-2",children:[(0,l.jsxs)("div",{className:"flex items-center gap-2",children:[(0,l.jsx)("span",{className:"text-5xl font-bold text-white font-montas leading-none tracking-wider",children:p.Rating?.toFixed(1)}),(0,l.jsx)(d.A,{className:"w-6 h-6 text-orange-400 fill-orange-400"})]}),(0,l.jsxs)("span",{className:"text-white/90 text-xs font-normal uppercase",children:[p.ReviewCount||0," ",f.storepage.ratings]})]}):(0,l.jsxs)("div",{className:"flex items-center gap-2",children:[(0,l.jsx)(d.A,{className:"w-6 h-6 shrink-0 text-orange-400 fill-orange-400"}),(0,l.jsx)("span",{className:"text-2xl text-white font-montas tracking-wider",children:f.storepage.newly_joined})]})}),(0,l.jsx)("div",{className:`space-y-3 w-full ${(p.ReviewCount||0)>0?"":"hidden"}`,children:g.map((e,s)=>(0,l.jsxs)("div",{className:"",children:[(0,l.jsx)("div",{className:"flex justify-between items-center px-1",children:(0,l.jsx)("span",{className:"text-sm font-thin text-white/90",children:e.label})}),(0,l.jsxs)("div",{className:"flex items-center justify-between gap-2",children:[(0,l.jsx)("div",{className:"h-2 w-full glass_card_black rounded-full overflow-hidden",children:(0,l.jsx)(c.P.div,{initial:{width:0},animate:{width:`${e.score/5*100}%`},transition:{duration:1,ease:"easeOut"},className:`h-full ${e.color} rounded-full`})}),(0,l.jsx)("span",{className:"text-sm font-semibold text-white/80",children:e.score.toFixed(1)})]})]},s))})]}),(0,l.jsx)("div",{ref:e,className:"space-y-4 px-6  py-4",children:t?(0,l.jsx)("div",{className:"flex items-center justify-center py-12",children:(0,l.jsx)(o.A,{className:"w-8 h-8 animate-spin text-emerald-400"})}):a.length>0?(0,l.jsxs)(l.Fragment,{children:[a.map(e=>(0,l.jsxs)("div",{className:"glass_card squircle p-5",children:[(0,l.jsxs)("div",{className:"flex items-center justify-between mb-3",children:[(0,l.jsxs)("div",{className:"flex items-center gap-3",children:[(0,l.jsx)("div",{className:"relative w-10 h-10 rounded-full overflow-hidden bg-gray-200",children:(0,l.jsx)(i.A,{src:(0,r.X)(e.UserAvatar,"sm")||"/default-avatar.png",alt:"user",fill:!0,className:"object-cover"})}),(0,l.jsxs)("div",{children:[(0,l.jsx)("p",{className:"text-sm font-semibold text-white/90",children:e.UserFullName||"User"}),(0,l.jsx)("p",{className:"text-xs font-semibold text-white/40 uppercase",children:(0,n.s)(e.CreatedAt)})]})]}),(0,l.jsx)("div",{className:"flex items-center gap-0.5 shrink-0",children:Array.from({length:Math.round(e.Score)}).map((e,s)=>(0,l.jsx)(d.A,{size:10,className:"fill-orange-400 text-orange-400 shrink-0"},s))})]}),(0,l.jsxs)("div",{className:"flex items-start justify-between gap-2",children:[(0,l.jsx)("p",{className:"text-sm font-medium text-white/70 leading-relaxed flex-1",children:e.Comment}),e.Photos&&e.Photos.length>0&&(0,l.jsx)("div",{className:"relative w-16 h-16 rounded-xl overflow-hidden shrink-0 border border-white/10",children:(0,l.jsx)(i.A,{src:(0,r.X)(e.Photos[0],"md")||"/placeholder-image.png",alt:"Review photo",fill:!0,className:"object-cover"})})]}),(0,l.jsxs)("div",{className:"flex flex-wrap gap-2 mt-3",children:[e.ProductQualityScore>0&&(0,l.jsxs)("span",{className:"text-[11px] font-semibold text-white/50 bg-white/5 px-2.5 py-1 rounded-full",children:["Quality \xb7 ",e.ProductQualityScore,"/5"]}),e.DeliveryScore>0&&(0,l.jsxs)("span",{className:"text-[11px] font-semibold text-white/50 bg-white/5 px-2.5 py-1 rounded-full",children:["Service \xb7 ",e.DeliveryScore,"/5"]}),e.UniquenessScore>0&&(0,l.jsxs)("span",{className:"text-[11px] font-semibold text-white/50 bg-white/5 px-2.5 py-1 rounded-full",children:["Uniqueness \xb7 ",e.UniquenessScore,"/5"]})]})]},e.Id)),h&&(0,l.jsx)("div",{className:"flex items-center justify-center py-4",children:(0,l.jsx)(o.A,{className:"w-6 h-6 animate-spin text-emerald-400"})}),(0,l.jsx)("div",{ref:s,className:"h-px"})]}):(0,l.jsx)("div",{className:"text-center py-10",children:(0,l.jsx)("p",{className:"text-gray-400 font-bold uppercase text-xs",children:f.storepage.noreviews})})})]})};var p=t(33210);let u=({isReviewsModalOpen:e,setIsReviewsModalOpen:s,reviews:t,isLoading:i,isLoadingMore:r,scrollC

1ontainerRef:n,sentinelRef:c,store:d})=>{let o=(0,x.n)(e=>e.language),u=m.P[o];return(0,l.jsx)(a.lG,{open:e,onOpenChange:s,children:(0,l.jsxs)(a.Cf,{className:"sm:max-w-2xl rounded-[28px] border-none p-0 overflow-hidden",children:[(0,l.jsxs)(a.c7,{className:"p-6 pb-0",children:[(0,l.jsx)(a.L3,{className:"text-xl font-normal font-bricolage text-white ",children:u.storepage.customer_reviews}),(0,l.jsx)("button",{onClick:()=>s(!1),className:"absolute top-4 right-4 text_gray_70 hover:bg-white/20 glass_card cursor-pointer rounded-full p-2",children:(0,l.jsx)(p.A,{size:16})})]}),(0,l.jsx)(h,{scrollContainerRef:n,sentinelRef:c,isLoading:i,reviews:t,isLoadingMore:r,store:d})]})})}}}]);