1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8284],{78284:function(e,t,s){s.d(t,{Z:function(){return k}});var i=s(51438),a=s(52951),l=s(88029),n=s(26042),r=s(69396),o=s(5950),d=s(85893),h=s(67294),c=s(9008),u=s.n(c),m=s(41664),p=s.n(m),g=s(14364),f=s(16923),y=s(29473),x=s(71901),v=s(33581),_=s(28201),b=s(46799),j=(s(26679),s(57309)),S=s(83352),k=function(e){(0,l.Z)(s,e);var t=(0,o.Z)(s);function s(e){var a;return(0,i.Z)(this,s),(a=t.call(this,e)).state={loading:!0,products:[],scatter:null,scrollX:0,scrollXI:0,scrollXmax:0,showing:20,axeX:"15min",axeY:"6h15",size:"t30",showType:null,market:"all",year:"2024",coefficientCorrelation:null,slopeTrendLine:null,hoverPoint:null,hoverPointCompet:null,reloadChart:!1,resSearch:[],inputSearch:"",highlight:[]},a.YEAR_DEFAULT="2025",a}return(0,a.Z)(s,[{key:"componentDidMount",value:function(){document.addEventListener("mousedown",this.handleClickOutside.bind(this)),this.getProducts(!0)}},{key:"componentWillUnmount",value:function(){document.removeEventListener("mousedown",this.handleClickOutside.bind(this))}},{key:"handleClickOutside",value:function(e){"modal-filtre-open-multi-id"!==e.srcElement.id&&null!==this.state.showType&&this.setState({showType:null})}},{key:"handleFilter",value:function(e,t){"showType"===e?this.setState({showType:null===this.state.showType?t:null}):("size"===e&&this.setState({size:t,showType:null}),"axeX"===e&&this.setState({axeX:t,showType:null}),"axeY"===e&&this.setState({axeY:t,showType:null}),"sensory_year"===e&&(this.setState({year:t,size:"2024"===t?"t30":"d80",showType:null}),setTimeout(function(){this.getProducts(!0,!0)}.bind(this),30)),"marketcountry"===e&&(this.setState({market:t,showType:null}),this.onRefScatter.handlePageFullReview("filter_market",t),this.updateRandom()))}},{key:"updateRandom",value:function(){this.setState({rr:Math.random()})}},{key:"getProducts",value:function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],s=this;t&&this.setState({loading:!0}),y.h.get("/get_sensory_data",{headers:(0,r.Z)((0,n.Z)({Authorization:"Bearer "+localStorage.getItem("auth_identifier_token")},this.onRefFiltreFunc.state.filter),{year:this.state.year})}).then((function(i){var a=i.data.data;a.length<=1&&s.state.products.length>1?(s.setState({reloadChart:!0}),setTimeout(function(){this.setState({loading:!1,reloadChart:!1,products:a,scatter:i.data.scatter_all_data,showing:20})}.bind(s),30)):s.setState({loading:!1,products:a,scatter:i.data.scatter_all_data,showing:20}),e&&s.onRefFiltreFunc.getFiltersPossible(!0),t&&setTimeout(function(){this.updateRandom()}.bind(s),30)})).catch((function(e){console.log(e)}))}},{key:"rightArrowScrollX",value:function(){var e="undefined"!==typeof document&&document.getElementById("len-list-tr")?document.getElementById("len-list-tr").offsetWidth:0,t="undefined"!==typeof document&&document.getElementById("len-list-tr-abs")?document.getElementById("len-list-tr-abs").offsetWidth:0,s=!1;return t>e&&(s=!0,this.state.scrollX===-(t-e)&&(s=!1)),!s}},{key:"updateScrollX",value:function(e){var t=this.state.scrollX,s=this.state.scrollXI,i=[],a=this.state.scrollXmax;["firm_family","sillage","year_creation","industrials","dosage","gender","longevity"].forEach((function(e){-1!==e.indexOf("market_share")||-1!==e.indexOf("_score")||"average_rating"===e||"perfumers"===e||"industrials"===e?i.push(220):i.push(160)}));var l=document?document.getElementById("len-list-tr").offsetWidth:0,n=document?document.getElementById("len-list-tr-abs").offsetWidth:0;"more"===e?(t-=i[s],s+=1,a=t,-t<n-l||(t=-(n-l),s-=1)):(-t===n-l?t=a:s-=1,a=t+=i[s],-t<=0&&(t=0,s=0)),this.setState({scrollX:t,scrollXI:s,scrollXmax:a})}},{key:"getR0",value:function(e,t){if(e.length>1){for(var s=e.length,i=0,a=0,l=0,n=0,r=0,o=0;o<s;o++)i+=+e[o],a+=+t[o],l+=e[o]*t[o],n+=e[o]*e[o],r+=t[o]*t[o];var d=(s*l-i*a)/Math.sqrt((s*n-i*i)*(s*r-a*a)),h=(s*l-i*a)/(s*n-i*i);this.state.coefficientCorrelation!==d&&this.setState({coefficientCorrelation:isNaN(d)?null:d}),this.state.slopeTrendLine!==h&&this.setState({slopeTrendLine:isNaN(h)?null:h})}else null!==this.state.coefficientCorrelation&&this.setState({coefficientCorrelation:null}),null!==this.state.slopeTrendLine&&this.setState({slopeTrendLine:null})}},{key:"transformChart",value:function(e,t,s){var i=this,a={labels:[],datasets:[{label:"Sensory",data:[]}]},l=this.state.scatter,n=this.state.market,r=10,o=0,d=1e4;"d80"===this.state.size&&e.forEach((function(e,t){null!==e.sensory&&void 0!==e.sensory&&null!==e.sensory.pulscent_d80&&void 0!==e.sensory.pulscent_d80&&(e.sensory.pulscent_d80>o&&(o=e.sensory.pulscent_d80),e.sensory.pulscent_d80<d&&(d=e.sensory.pulscent_d80))})),"t30"===this.state.size&&e.forEach((function(e,t){null!==e.sensory&&void 0!==e.sensory&&null!==e.sensory.trail_30min&&void 0!==e.sensory.trail_30min&&(e.sensory.trail_30min>o&&(o=e.sensory.trail_30min),e.sensory.trail_30min<d&&(d=e.sensory.trail_30min))})),"t4"===this.state.size&&e.forEach((function(e,t){null!==e.sensory&&void 0!==e.sensory&&null!==e.sensory.trail_4h&&void 0!==e.sensory.trail_4h&&(e.sensory.trail_4h>o&&(o=e.sensory.trail_4h),e.sensory.trail_4h<d&&(d=e.sensory.trail_4h))})),"market"===this.state.size&&(r=15,o=0,d=1e11,l[n]&&l[n].actual&&JSON.parse(JSON.stringify(l[n].actual)).forEac
1h((function(e){null!==e.market_share&&(e.market_share>o&&(o=e.market_share),e.market_share<d&&(d=e.market_share))}))),a.datasets[0].backgroundColor=[],a.datasets[0].borderColor=[],a.datasets[0].hoverBackgroundColor=[],a.datasets[0].hoverBorderColor=[],a.datasets[0].pointRadius=[],a.datasets[0].pointHoverRadius=[];var h={male:"rgba(78,127,222,",female:"rgba(233,111,135,",unisex:"rgba(171,178,188,"},c=[],u=[];return e.forEach((function(e,d){if(null!==(e=JSON.parse(JSON.stringify(e))).sensory&&void 0!==e.sensory&&(e.x="sillage"===t||"longevity"===t?10*e[t]:e.sensory[t],e.y="sillage"===s||"longevity"===s?10*e[s]:e.sensory[s],c.push(e.x),u.push(e.y),null!==e.x&&null!==e.y)){a.datasets[0].data.push(e);var m=h[e.gender]?h[e.gender]:"rgba(127,127,117,";if(i.state.hoverPointCompet===e.id_product&&(m="rgba(220,10,10,"),-1!==i.state.highlight.indexOf(e.id_product)&&(m="rgba(220,10,10,"),a.datasets[0].backgroundColor.push(m+"0.9)"),a.datasets[0].borderColor.push(m+"1)"),a.datasets[0].hoverBackgroundColor.push(m+"0.6)"),a.datasets[0].hoverBorderColor.push(m+"0.95)"),"d80"===i.state.size)if(null===e.sensory.pulscent_d80||void 0===e.sensory.pulscent_d80)a.datasets[0].pointRadius.push(4),a.datasets[0].pointHoverRadius.push(4);else(p=e.sensory.pulscent_d80*r/o)<4&&(p=4),a.datasets[0].pointRadius.push(p),a.datasets[0].pointHoverRadius.push(p);else if("t30"===i.state.size){if(null===e.sensory.trail_30min||void 0===e.sensory.trail_30min)a.datasets[0].pointRadius.push(4),a.datasets[0].pointHoverRadius.push(4);else(p=e.sensory.trail_30min*r/o)<4&&(p=4),a.datasets[0].pointRadius.push(p),a.datasets[0].pointHoverRadius.push(p)}else if("t4"===i.state.size){var p;if(null===e.sensory.trail_4h||void 0===e.sensory.trail_4h)a.datasets[0].pointRadius.push(4),a.datasets[0].pointHoverRadius.push(4);else(p=e.sensory.trail_4h*r/o)<4&&(p=4),a.datasets[0].pointRadius.push(p),a.datasets[0].pointHoverRadius.push(p)}else{var g=4;l[n]&&l[n].actual&&JSON.parse(JSON.stringify(l[n].actual)).forEach((function(t){t.id_product===e.id_product&&(null===t.market_share||void 0===t.market_share||(g=t.market_share*r/o)<4)&&(g=4)})),a.datasets[0].pointRadius.push(g),a.datasets[0].pointHoverRadius.push(g)}}})),this.getR0(c,u),e.length>1&&(a.datasets[0].trendlineLinear={colorMin:"#4184FC",colorMax:"#4184FC",lineStyle:"dotted",width:3,projection:!0}),a}},{key:"getMarketInfo",value:function(e){var t=this.state.scatter,s=this.state.market,i=0;return t[s]&&t[s].actual&&JSON.parse(JSON.stringify(t[s].actual)).forEach((function(t){t.id_product===e&&(i=t.market_share)})),-1!==[null,void 0,-1,0].indexOf(i)?"-":(0,g.OO)(i)+g.GV[s.toLowerCase()]}},{key:"hoverPointFunc",value:function(e){this.setState({hoverPointCompet:e})}},{key:"search",value:function(e){if(""===e)this.setState({inputSearch:"",resSearch:[]});else if(e.length<2)this.setState({inputSearch:e,resSearch:[]});else{var t=[];this.state.products.forEach((function(s){-1!==(s.name+" "+s.brand).toLowerCase().indexOf(e.toLowerCase())&&t.push(s)})),this.setState({inputSearch:e,resSearch:t})}}},{key:"handleIds",value:function(e){var t=this.state.highlight;-1===t.indexOf(e.id_product)?t.push(e.id_product):t.splice(t.indexOf(e.id_product),1),this.setState({highlight:t,resSearch:[],inputSearch:""})}},{key:"render",value:function(){var e=this,t=["market_share","firm_family","group_name","sillage","longevity","dosage","gender","year_creation","industrials"];this.state.products.sort((function(e,t){var s=e.name.toLowerCase(),i=t.name.toLowerCase();return s<i?-1:s>i?1:0}));var s="2024"===this.state.year?["t30","t4","market"]:["d80","market"],i=[],a=this.state.market;this.state.scatter&&Object.keys(this.state.scatter).forEach((function(e){i.push(e)}));var l={callbacks:{title:function(e){var t={};return 0===e[0].datasetIndex&&(t=JSON.parse(JSON.stringify(this.state.products[e[0].index]))),(0,g.kC)(t.name)+" - "+(0,g.kC)(t.brand)}.bind(this),afterTitle:function(e){var t={};0===e[0].datasetIndex&&(t=JSON.parse(JSON.stringify(this.state.products[e[0].index])));var s="";return t.dosage&&(s=t.dosage),-1===[null,void 0].indexOf(t.gender)&&""!==s&&(s=s+" - "+(0,g.kC)(t.gender)),t.year_creation&&""!==s&&(s=s+" - "+t.year_creation),s}.bind(this),beforeLabel:function(e){return"X: "+e.xLabel.toFixed(2)+"; Y: "+e.yLabel.toFixed(2)}.bind(this),label:function(e){var t={};0===e.datasetIndex&&(t=JSON.parse(JSON.stringify(this.state.products[e.index])));var s=t.longevity?"Longevity: "+(10*t.longevity).toFixed(1):"";return""!==s&&(s+=" - "),t.sillage&&(s=s+"Sillage: "+(10*t.sillage).toFixed(1)),""===s?null:s}.bind(this),afterLabel:function(e){var t={};0===e.datasetIndex&&(t=JSON.parse(JSON.stringify(this.state.products[e.index])));var s="";return t.sensory&&(t.sensory.pulscent_d80&&(s="D80: "+t.sensory.pulscent_d80.toFixed(2)),t.sensory.trail_30min&&(s="Trail 30min: "+t.sensory.trail_30min.toFixed(2)),t.sensory.trail_4h&&(s="Trail 4H: "+t.sensory.trail_4h.toFixed(2))),""!==s&&(s+=" - "),""===(s=s+"Market: "+this.getMarketInfo(t.id_product))?null:s}.bind(this)},backgroundColor:"#FFF",titleFontSize:14,titleFontColor:"#000",bodyFontColor:"#000",bodyFontSize:13,borderColor:"#aaa",borderWidth:1,displayColors:!1},n={onHover:function(e,t){if(0===t.length&&null!==this.state.hoverPoint)this.setState({hoverPoint:null});else if(t[0]){var s=JSON.parse(JSON.stringify(this.state.products[t[0]._index]));s.id_product!==this.state.hoverPoint&&this.setState({hoverPoint:s.id_product})}}
1.bind(this),maintainAspectRatio:!1,legend:{display:!1,position:"bottom",labels:{boxWidth:15}},tooltips:l,scales:{xAxes:[{ticks:{fontColor:"#9f9f9f"},gridLines:{zeroLineColor:"#e2e2e2",color:"#f2f2f2"}}],yAxes:[{ticks:{fontColor:"#9f9f9f"},gridLines:{zeroLineColor:"#e2e2e2",color:"#f2f2f2"}}]}},r=this.state.resSearch,o=this.state.inputSearch,h=this.state.highlight;return(0,d.jsxs)("div",{className:"container-withbg-list",style:{overflowX:"hidden"},children:[(0,d.jsx)(u(),{children:(0,d.jsx)("title",{children:"Sensory data"})}),(0,d.jsx)(x.Z,{type:"sensory",lang:this.props.lang}),(0,d.jsx)("a",{href:"https://s3.eu-west-2.amazonaws.com/sommelier.tech/Firmenich/sensory2022-2024-Apc54zBch0153KsdnwP4za01.zip",className:"clean-a",children:(0,d.jsxs)("div",{className:"hover-opa-0-8",style:{position:"absolute",top:34,right:50,display:"flex",alignItems:"center",color:"#3076e2",letterSpacing:"0.5px",fontSize:12,fontFamily:"SPSemi",padding:"4px 8px",borderRadius:6,border:"1px solid #3076e2"},children:[(0,d.jsx)("img",{alt:"",className:"create-cluster-img noselect",src:"/icon_extract.png",style:{height:18}}),"Get Sensory files"]})}),(0,d.jsxs)("div",{className:"area-content-page",style:{position:"relative"},children:[(0,d.jsx)(v.Z,{onRefFiltreFunc:function(t){return e.onRefFiltreFunc=t},updateRandom:this.updateRandom.bind(this),special:"sensory",getProducts:this.getProducts.bind(this),loading:this.state.loading,products:this.state.products}),this.state.loading?(0,d.jsx)("div",{className:"loader-list-items",children:(0,d.jsx)(f.Z,{black:!0})}):null,this.state.loading?null:(0,d.jsxs)("div",{className:"",style:{display:"flex",width:"100%",position:"relative",marginTop:5},children:[(0,d.jsx)("img",{alt:"search",src:"/search.png",className:"search-inc-inpu-header logo-header-desk",style:{left:12,top:"57%"}}),(0,d.jsx)("input",{value:o,placeholder:"Search product to highlight them in graphs...",onChange:function(t){return e.search(t.target.value)},className:"input-search-inlist input-search-inlist-sensory"}),h.length>0?(0,d.jsx)("div",{className:"btn-rm-highlight",onClick:function(){return e.setState({highlight:[]})},children:"Remove all highlight products"}):null,o.length>0?0===r.length?(0,d.jsx)("div",{className:"res-compare-search res-search-sensory",style:{overflowY:"hidden"},children:(0,d.jsx)("div",{className:"loader-list-items",children:(0,d.jsx)("div",{className:"no-res-inlist center-absolute",children:"No results"})})}):(0,d.jsx)("div",{className:"res-compare-search scroll-medium-grey res-search-sensory",children:r.map((function(t,s){return(0,d.jsxs)("div",{onClick:function(){return e.handleIds(t)},className:"unique-item-serch-compare",style:-1===h.indexOf(t.id_product)?{}:{backgroundColor:"rgba(220,10,10, 0.1)"},children:[(0,d.jsx)("div",{className:"unique-item-serch-compare-img",children:t.img?(0,d.jsx)("img",{alt:"img-pr",style:{width:46},src:t.img}):(0,d.jsx)("div",{className:"center-absolute big-letter",children:t.name.substring(0,1)})}),(0,d.jsxs)("div",{style:{paddingLeft:10},children:[(0,d.jsx)("div",{style:{fontFamily:"SPSemi",color:"#000",fontSize:16,letterSpacing:"0.01em"},children:t.name}),(0,d.jsx)("div",{style:{color:"#000",fontSize:13,letterSpacing:"0.01em"},children:t.brand}),t.dosage||t.year_creation?(0,d.jsxs)("div",{style:{color:"#acacac",fontSize:13,letterSpacing:"0.01em"},children:[t.dosage,t.dosage?" - ":"",t.year_creation]}):null]})]},"res_pr_"+s)}))}):null]})]}),this.state.loading?null:(0,d.jsxs)("div",{className:"",style:{marginTop:20,position:"relative"},children:[(0,d.jsxs)("div",{className:"title-top-list",style:{marginTop:!1===this.state.loadingFilter&&noF?10:25,fontSize:14,display:"flex",justifyContent:"space-between",alignItems:"end"},children:["Displaying ",this.state.products.length.toString().replace(/\B(?=(\d{3})+(?!\d))/g,",")," products",(0,d.jsx)("div",{style:{display:"flex",marginLeft:25,position:"relative"},children:["marketcountry","sensory_year"].map((function(t,s){return(0,d.jsxs)("div",{id:"modal-filtre-open-multi-id",className:"list-filter-listing-unique transition-100 list-filter-listing-unique-allf noselect",onClick:function(){e.setState({showType:null===e.state.showType?t:null})},style:{marginTop:0,padding:"6px 26px 6px 12px",height:40},children:[(0,d.jsx)("img",{alt:"",src:"marketcountry"===t?"/market_globe.png":"/market_cal.png",style:{height:18,paddingRight:6}}),(0,d.jsxs)("span",{id:"modal-filtre-open-multi-id",className:"noselect",style:{color:"#4E555B"},children:["sensory_year"===t?"Sensory year":"Market focus",(0,d.jsx)("span",{style:{color:"rgba(0, 3, 10, 0.90)",paddingLeft:4,fontFamily:"SPSemi"},children:"sensory_year"===t?e.state.year:g._r[a.toLowerCase()]})]}),(0,d.jsx)("img",{alt:"arrow",id:"modal-filtre-open-multi-id",src:-1!==[null,"all"].indexOf(a)?"/arrow.png":"/close_b.png",style:-1!==[null,"all"].indexOf(a)?{right:4}:{height:18,right:4,filter:"unset"}
1,className:-1!==[null,"all"].indexOf(a)?"list-filter-listing-unique-arrow noselect":"list-filter-listing-unique-arrow list-filter-listing-unique-arrow-svg-bright noselect",onClick:function(){-1===[null,"all"].indexOf(a)&&(e.handleFilter(t,"all"),e.setState({showType:null}))}}),e.state.showType===t?(0,d.jsx)("div",{id:"modal-filtre-open-multi-id",onClick:function(e){e.stopPropagation()},className:"list-filter-listing-unique-abs-big",style:{left:"unset",right:-1,height:"marketcountry"===t?6+31*i.length:68,width:"marketcountry"===t?225:190,top:46},children:(0,d.jsx)("div",{id:"modal-filtre-open-multi-id",className:"list-filter-listing-unique-abs-big-scroll scroll-medium-grey",style:{height:190,width:"marketcountry"===t?225:190,overflow:"hidden"},children:"sensory_year"===t?["2022","2024"].map((function(i,a){return(0,d.jsx)("div",{id:"modal-filtre-open-multi-id",className:"list-filter-brand-list transition-100",style:{display:"flex"},onClick:function(){e.handleFilter(t,i.toLowerCase()),e.setState({showType:null})},children:(0,d.jsx)("div",{className:"list-filter-brand-list-txt-container",id:"modal-filtre-open-multi-id",children:(0,d.jsx)("div",{className:"list-filter-brand-list-txt",id:"modal-filtre-open-multi-id",children:i})})},"list_market_filterPossibleg_"+s+"_"+a)})):(0,g.fK)(i,t).map((function(i,a){return(0,d.jsx)("div",{id:"modal-filtre-open-multi-id",className:"list-filter-brand-list transition-100",style:{display:"flex"},onClick:function(){e.handleFilter(t,i.toLowerCase()),e.setState({showType:null})},children:(0,d.jsxs)("div",{className:"list-filter-brand-list-txt-container",id:"modal-filtre-open-multi-id",children:["marketcountry"===t?(0,d.jsx)("div",{style:{height:20,width:20,borderRadius:20,position:"relative",overflow:"hidden",marginRight:6},children:(0,d.jsx)("img",{alt:"",src:"https://s3.eu-west-2.amazonaws.com/sommelier.tech/all_flags_app/"+i.toUpperCase()+".png",className:"center-absolute",style:{height:30,width:30,borderRadius:30}})}):null,(0,d.jsx)("div",{className:"list-filter-brand-list-txt",id:"modal-filtre-open-multi-id",children:"sensory_year"===t?i:g._r[i.toLowerCase()]})]})},"list_market_filterPossible_"+s+"_"+a)}))})}):null]},"market_param"+s)}))})]}),(0,d.jsxs)("div",{className:"area-content-page",children:[(0,d.jsx)("div",{className:"sub-area-content-page-half-l",children:(0,d.jsxs)("div",{className:"white-area-content",children:[(0,d.jsxs)("div",{className:"title-content-product",style:{filter:"unset",display:"flex",position:"relative"},children:["Sensory data",(0,d.jsxs)("div",{style:{position:"absolute",top:-10,right:-20,display:"flex"},children:[(0,d.jsx)(j.Z,{id:"modal-filtre-open-multi-id",showType:this.state.showType,data:this.state.size,dataList:s,handleFilter:this.handleFilter.bind(this),type:"size"}),(0,d.jsx)(j.Z,{id:"modal-filtre-open-multi-id",showType:this.state.showType,data:this.state.axeX,dataList:["15min","2h15","4h15","6h15","sillage","longevity"],handleFilter:this.handleFilter.bind(this),type:"axeX"}),(0,d.jsx)(j.Z,{id:"modal-filtre-open-multi-id",showType:this.state.showType,data:this.state.axeY,dataList:["15min","2h15","4h15","6h15","sillage","longevity"],handleFilter:this.handleFilter.bind(this),type:"axeY"})]})]}),(0,d.jsxs)("div",{style:{position:"relative"},children:[(0,d.jsxs)("div",{style:{marginTop:15,height:330,position:"relative"},children:[(0,d.jsx)("div",{style:{position:"absolute",bottom:-15,left:"50%",transform:"translateX(-50%)",fontFamily:"SPLight",color:"#aaa",fontSize:12},children:this.state.axeX}),(0,d.jsx)("div",{style:{position:"absolute",top:-25,left:0,fontFamily:"SPLight",color:"#aaa",fontSize:12},children:this.state.axeY}),this.state.reloadChart?null:(0,d.jsx)(b.bp,{data:this.transformChart(this.state.products,this.state.axeX,this.state.axeY),options:n})]}),(0,d.jsxs)("div",{style:{display:"flex",justifyContent:"space-evenly",marginTop:25},children:[(0,d.jsxs)("div",{style:{display:"flex",alignItems:"center"},children:[(0,d.jsx)("div",{style:{backgroundColor:"rgba(233,111,135,1)",marginRight:6,height:4,width:16,borderRadius:2}}),(0,d.jsx)("div",{style:{fontSize:13,fontFamily:"SP"},children:"Female"})]}),(0,d.jsxs)("div",{style:{display:"flex",alignItems:"center"},children:[(0,d.jsx)("div",{style:{backgroundColor:"rgba(78,127,222,1)",marginRight:6,height:4,width:16,borderRadius:2}}),(0,d.jsx)("div",{style:{fontSize:13,fontFamily:"SP"},children:"Male"})]}),(0,d.jsxs)("div",{style:{display:"flex",alignItems:"center"},children:[(0,d.jsx)("div",{style:{backgroundColor:"rgba(171,178,188,1)",marginRight:6,height:4,width:16,borderRadius:2}}),(0,d.jsx)("div",{style:{fontSize:13,fontFamily:"SP"},children:"Unisex"})]}),this.state.products.length>1?(0,d.jsxs)("div",{style:{display:"flex",alignItems:"center"},children:[(0,d.jsx)("div",{style:{borderBottom:"dashed rgb(65,132,252)",marginRight:6,height:4,width:16,borderRadius:2}}),(0,d.jsxs)("div",{style:{fontSize:13,fontFamily:"SP"},children:["Trend line ",null!==this.state.coefficientCorrelation?"(R\xb2: ".concat((this.state.coefficientCorrelation*this.state.coefficientCorrelation).toFixed(2)," \u2012 Slope coef.: ").concat(this.state.slopeTrendLine.toFixed(2),")"):null]})]}):null]})]})]})}),(0,d.jsx)("div",{className:"sub-area-content-page-half-r",children:(0,d.jsxs)("div",{className:"white-area-content",children:[(0,d.jsxs)("div",{className:"title-content-product",style:{filter:"unset",display:"flex",position:"relative"},children:["Competition Mapping",(0,d.jsxs)("div",{className:"info-more-hover-menu",children:[(0,d.jsx)(S.Z,{}
1),(0,d.jsx)("div",{className:"info-more-hover-menu-show",style:{left:0,top:"100%"},children:"Bubble size is correlated to sell-out."})]})]}),this.state.scatter?(0,d.jsx)(_.Z,{data:{value:{scatter_all_data:this.state.scatter,filter:{market:this.state.scatter?Object.keys(this.state.scatter):[]}}},chartPage:!0,sensory:!0,onRefScatter:function(t){return e.onRefScatter=t},hoverPoint:this.state.hoverPoint,hoverPointCompet:this.state.hoverPointCompet,hoverPointFunc:this.hoverPointFunc.bind(this),highlight:this.state.highlight}):null,(0,d.jsxs)("div",{style:{display:"flex",justifyContent:"space-evenly",marginTop:25},children:[(0,d.jsxs)("div",{style:{display:"flex",alignItems:"center"},children:[(0,d.jsx)("div",{style:{backgroundColor:"rgba(233,111,135,1)",marginRight:6,height:4,width:16,borderRadius:2}}),(0,d.jsx)("div",{style:{fontSize:13,fontFamily:"SP"},children:"Female"})]}),(0,d.jsxs)("div",{style:{display:"flex",alignItems:"center"},children:[(0,d.jsx)("div",{style:{backgroundColor:"rgba(78,127,222,1)",marginRight:6,height:4,width:16,borderRadius:2}}),(0,d.jsx)("div",{style:{fontSize:13,fontFamily:"SP"},children:"Male"})]}),(0,d.jsxs)("div",{style:{display:"flex",alignItems:"center"},children:[(0,d.jsx)("div",{style:{backgroundColor:"rgba(171,178,188,1)",marginRight:6,height:4,width:16,borderRadius:2}}),(0,d.jsx)("div",{style:{fontSize:13,fontFamily:"SP"},children:"Unisex"})]})]})]})})]}),(0,d.jsxs)("div",{className:"white-area-list",children:[(0,d.jsxs)("div",{className:"tr-list-head noselect",children:[0===this.state.scrollX?null:(0,d.jsx)("div",{className:"btn-scroll-tr",style:{right:"unset",left:310},onClick:function(){return e.updateScrollX("less")},children:(0,d.jsx)("img",{alt:"arrow",className:"center-absolute",src:"/arrow.png",style:{height:24,transform:"translate(-50%, -50%) rotate(180deg)"}})}),(0,d.jsx)("div",{className:"tr-list-head-name tr-list-head-txt",children:"Name"}),(0,d.jsxs)("div",{className:"size-len-tr-in",style:{},id:"len-list-tr",children:[(0,d.jsx)("div",{className:"transition-300",style:{display:"flex",position:"absolute",left:this.state.scrollX,top:0},id:"len-list-tr-abs",children:t.map((function(t,s){return(0,d.jsx)("div",{className:-1!==["market_share","perfumers","industrials","product_count","average_rating","sentiment","firm_family"].indexOf(t)||-1!==t.indexOf("_score")?"tr-list-head-otherL tr-list-head-txt":"tr-list-head-other tr-list-head-txt",children:-1!==["notes_top_3","groupbrand","brand_count","marketing_angle","average_rating","year_creation","group_name","industrials"].indexOf(t)?g.D8[t]:"popularity_score"===t?g.D8.popularity_score:"market_share"===t?t.replace(/_/g," ")+" "+e.YEAR_DEFAULT:"product_discarded"===t?g.D8.discarded:"firm_family"===t?g.D8.firm_family:t.replace(/_/g," ")},"menu_head_"+s)}))}),this.rightArrowScrollX()?null:(0,d.jsx)("div",{className:"btn-scroll-tr",onClick:function(){return e.updateScrollX("more")},style:{right:5},children:(0,d.jsx)("img",{alt:"arrow",className:"center-absolute",src:"/arrow.png",style:{height:24}})})]})]}),0===this.state.products.length?this.state.loading?(0,d.jsx)("div",{className:"loader-list-items",children:(0,d.jsx)(f.Z,{black:!0})}):(0,d.jsx)("div",{className:"loader-list-items",children:(0,d.jsx)("div",{className:"no-res-inlist center-absolute",children:"No products to show"})}):this.state.products.map((function(s,i){return i>e.state.showing?null:(0,d.jsx)(p(),{href:(0,g.DW)(e.props.lang,"app/product/"+s.path),children:(0,d.jsx)("a",{className:"clean-a",children:(0,d.jsxs)("div",{className:"tr-list transition-200",children:[(0,d.jsxs)("div",{className:"tr-list-name tr-list-content",children:[null===s.img?(0,d.jsx)("div",{className:"tr-list-img noselect",style:{position:"relative"},children:(0,d.jsx)("div",{className:"center-absolute big-letter",children:s.name.substring(0,1)})}):(0,d.jsx)("img",{alt:"img",className:"tr-list-img noselect",style:{padding:8},src:s.img}),(0,d.jsxs)("div",{className:"",children:[(0,d.jsx)("div",{className:"tr-list-content-name",style:{position:"relative"},children:s.name}),(0,d.jsx)("div",{className:"tr-list-content-subname",children:s.brand})]})]}),(0,d.jsx)("div",{className:"special-width-row",children:(0,d.jsx)("div",{className:"transition-300",style:{display:"flex",position:"absolute",left:e.state.scrollX,top:"50%",transform:"translateY(-50%)",width:"100%"}
1,children:0===t.length?i>0?null:(0,d.jsx)("div",{style:{fontSize:16,fontStyle:"italic",fontFamily:"SPLight",width:"100%",textAlign:"center"},children:"No column selected"}):t.map((function(t,a){return"sillage"===t||"longevity"===t?(0,d.jsxs)("div",{className:"tr-list-other tr-list-content",style:{textTransform:"capitalize"},children:[(0,d.jsx)("span",{style:{fontFamily:"SPSemi"},children:s[t]&&-1!==s[t]?(10*s[t]).toFixed(1):"-"}),(0,d.jsx)("span",{style:{fontFamily:"SP",color:"#cacaca",paddingLeft:4},children:"/10"})]},"menu_head_"+i+"_"+a):"market_share"===t?(0,d.jsx)("div",{className:"tr-list-otherL tr-list-content",style:{textTransform:"capitalize"},children:e.getMarketInfo(s.id_product)},"menu_head_"+i+"_"+a):(0,d.jsx)("div",{className:-1!==["industrials","firm_family"].indexOf(t)?"tr-list-otherL tr-list-content":"tr-list-other tr-list-content",style:{textTransform:"capitalize"},children:null===s[t]||-1===s[t]?"-":s[t]},"menu_head_"+i+"_"+a)}))})})]})})},"unique_product_list_"+i)})),0===this.state.products.length?(this.state.loading,null):this.state.showing<this.state.products.length?(0,d.jsx)("div",{className:"div-btn-see-more-bot",style:{paddingBottom:10},children:(0,d.jsxs)("div",{className:"btn-see-more-bot transition-300",style:{},onClick:function(){return e.setState({showing:e.state.showing+20})},children:["Show more products",(0,d.jsx)("img",{alt:"",src:"/arrow.png",className:this.state.show?"arrow-hide-btn":"arrow-hide-btn-s"})]})}):null]})]})]})}}]),s}(h.Component)}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.