https://www.cinema-senechal.com/GoalProgress-8be8fc0df0447ac18e4b.js

1"use strict";(self.webpackChunkp1394_9fbf9611_d811_4a20_9667_d2ab518e90e6=self.webpackChunkp1394_9fbf9611_d811_4a20_9667_d2ab518e90e6||[]).push([[723],{61856:function(t,e,i){i.r(e),i.d(e,{default:function(){return m}});var o=i(86326),n=i(72228),r=i(52994),a=i(86329),l=i(20141),s=i(60969),d=i(18948),g=i(12387);var u={container:{display:"flex",alignItems:"center"},progressContainer:{flex:1,height:"16px"},progressRail:{position:"relative",backgroundColor:g.o.PRIMARY,height:"100%",borderTopLeftRadius:"maximum",borderBottomLeftRadius:"maximum",marginRight:"-0.25rem"},progressBar:{background:t=>{let{rawColors:e}=t;const i=(0,d.EP)(null==e?void 0:e.muted).toRgbString(),o=(0,d.EP)(null==e?void 0:e.primary).shade(15).toRgbString();return`linear-gradient(90deg, ${i} 0%, ${o} 90%, ${o} 100%)`},color:g.o.READABLE_ON_PRIMARY,position:"absolute",left:0,top:"-6px",height:"28px",minWidth:"28px",paddingX:"0.625rem",borderRadius:"large",fontSize:3,display:"flex",alignItems:"center",justifyContent:"flex-end"},goalContainer:{display:"flex",alignItems:"center",justifyContent:"center",flexDirection:"column",color:g.o.READABLE_ON_PRIMARY,fontSize:3,fontWeight:"bold",lineHeight:1.25,width:"64px",height:"64px",borderRadius:"maximum",backgroundColor:g.o.PRIMARY},goalContainerComplete:{background:t=>{let{rawColors:e}=t;return`linear-gradient(90deg, ${(0,d.EP)(null==e?void 0:e.primary).shade(15).toRgbString()}, ${(0,d.EP)(null==e?void 0:e.primary).toRgbString()})`}},goalIcon:{display:"inline-flex",fontSize:10}};const p=t=>{let{memberPoints:e,rewardsItems:i}=t;const{formatMessage:o}=(0,a.A)();if(null==i||!i.length)return null;const d=i.find((t=>(t.pointsCost||1)>e)),g=100*Math.min(e,(null==d?void 0:d.pointsCost)||1)/((null==d?void 0:d.pointsCost)||1);return(0,l.Y)(l.xA,{gap:4},(0,l.Y)(l.IE.h2,null,o(s.A.pointsBalanceTitle)),(0,l.Y)("div",null,(0,l.Y)("div",null,d?(0,l.Y)(a.s,Object.assign({},s.A.goal,{values:{gift:d.label,points:(d.pointsCost||1)-e,strong:t=>(0,l.Y)("strong",null,t)}})):(0,l.Y)(a.s,Object.assign({},s.A.maxGoal,{values:{gift:i[i.length-1].label}}))),(0,l.Y)("div",{sx:u.container},(0,l.Y)("div",{sx:u.progressContainer},(0,l.Y)("div",{sx:u.progressRail},(0,l.Y)("div",{sx:{...u.progressBar,...d?{}:{borderTopRightRadius:0,borderBottomRightRadius:0},width:`${g}%`,animationDuration:r.XN,animationName:(0,l.i7)({"0%":{width:0},"100%":{width:`${g}%`}}).toString()}},e))),(0,l.Y)("div",{sx:{...u.goalContainer,...d?{}:u.goalContainerComplete}},(0,l.Y)("div",{sx:u.goalIcon},(0,l.Y)(n.In,{path:n.T9,size:1.5})),(0,l.Y)("div",null,(null==d?void 0:d.pointsCost)||`${i[i.length-1].pointsCost}+`)))))};var m=(0,o.memo)(p)}}]);