"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[87317],{79785:(e,t,n)=>{n.d(t,{$:()=>x});var r=n(96891),i=n(39780),a=n(67294),o=n(82856),c=n(71893);function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},l.apply(this,arguments)}function s(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}var u,p,f,m,d,g,h,v,y=(0,c.F4)(u||(u=(0,o.Z)(["\n  100% {\n    -webkit-transform: rotate(360deg);\n            transform: rotate(360deg);\n  }\n"]))),b=(0,c.F4)(p||(p=(0,o.Z)(["\n  0% {\n    stroke-dasharray: 1,200;\n    stroke-dashoffset: 0;\n  }\n  50% {\n    stroke-dasharray: 89,200;\n    stroke-dashoffset: -35;\n  }\n  100% {\n    stroke-dasharray: 89,200;\n    stroke-dashoffset: -124;\n  }\n"]))),O=c.ZP.svg(f||(f=(0,o.Z)(["\n  animation: "," 2s linear infinite;\n  width: 4rem;\n  height: 4rem;\n"])),y),w=c.ZP.circle(m||(m=(0,o.Z)(["\n  animation: "," 1.5s ease-in-out infinite;\n  fill: none;\n  stroke: ",";\n  stroke-width: 0.25rem;\n  stroke-linecap: square;\n"])),b,(function(e){return e.theme.colors.brand.main})),E=(0,c.ZP)((function(e){var t=l({},(function(e){if(null==e)throw new TypeError("Cannot destructure "+e)}(e),e));return a.createElement("svg",function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?s(Object(n),!0).forEach((function(t){(0,r.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):s(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({viewBox:"0 0 264 264",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),a.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M228.408 80.037v107.97c1.322 28.776-37.001 47.213-63.908 51.767a77.329 77.329 0 0 1-47.262-9.208l-77.594-40.374a12.122 12.122 0 0 1-6.056-11.928V68.377c0-14.892 15.057-5.255 26.444-.953l58.555 24.418c13.568 5.891 33.365 13.527 48.996 12.1a128.867 128.867 0 0 0 60.825-23.905Z",fill:"url(#a)"}),a.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M160.554 77.674c11.406 2.727 27.887-2.784 42.717-12.746 4.164-2.505 3.84-8.644-6.436-13.088a27651.488 27651.488 0 0 1-47.665-20.67c-13.195-5.746-24.996-12.741-24.996 1.95v30.153s28.94 12.62 36.38 14.4Z",fill:"url(#b)"}),a.createElement("defs",null,a.createElement("linearGradient",{id:"a",x1:"33.508",y1:"201.309",x2:"228.441",y2:"201.309",gradientUnits:"userSpaceOnUse"},a.createElement("stop",{stopColor:"#FF6000"}),a.createElement("stop",{offset:".439",stopColor:"#FF6000"}),a.createElement("stop",{offset:"1",stopColor:"#FFA90D"})),a.createElement("linearGradient",{id:"b",x1:"124.174",y1:"78.369",x2:"205.774",y2:"78.369",gradientUnits:"userSpaceOnUse"},a.createElement("stop",{stopColor:"#FF6000"}),a.createElement("stop",{offset:".3",stopColor:"#FF6000"}),a.createElement("stop",{offset:"1",stopColor:"#FFA900"}))))}))(d||(d=(0,o.Z)(["\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate3d(-50%, -50%, 0);\n  width: 2rem;\n  height: 2rem;\n"]))),j=c.ZP.div(g||(g=(0,o.Z)(["\n  position: relative;\n  display: flex;\n  width: fit-content;\n  height: fit-content;\n\n  ","\n\n  ","\n"])),(function(e){return e.$medium&&(0,c.iv)(h||(h=(0,o.Z)(["\n      "," {\n        width: 2.5rem;\n        height: 2.5rem;\n      }\n      "," {\n        stroke-width: 0.1875rem;\n      }\n      "," {\n        width: 1.25rem;\n        height: 1.25rem;\n      }\n    "])),O,w,E)}),(function(e){return e.$small&&(0,c.iv)(v||(v=(0,o.Z)(["\n      "," {\n        width: 1rem;\n        height: 1rem;\n      }\n      "," {\n        stroke-width: 0.125rem;\n      }\n      "," {\n        display: none;\n      }\n    "])),O,w,E)})),P=["medium","small"];function Z(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}var x=function(e){var t=e.medium,n=e.small,o=(0,i.Z)(e,P);return a.createElement(j,function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Z(Object(n),!0).forEach((function(t){(0,r.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Z(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({"data-testid":"spinnerWrapper",$medium:t,$small:n},o),a.createElement(O,{"data-testid":"circleWrapper",viewBox:"25 25 50 50"},a.createElement(w,{"data-testid":"circle",cx:"50",cy:"50",r:"20"})),a.createElement(E,{"data-testid":"spinnerIcon"}))}},3323:(e,t,n)=>{n.d(t,{i:()=>Z});var r,i,a,o,c,l,s=n(96891),u=n(90542),p=n(39780),f=n(67294),m=n(63742),d=n(82856),g=n(71893),h=g.ZP.div(r||(r=(0,d.Z)(["\n  position: relative;\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  flex-wrap: nowrap;\n"]))),v=g.ZP.span(i||(i=(0,d.Z)(["\n  line-height: ",";\n  font-weight: ",";\n  letter-spacing: ",";\n  font-size: ",";\n  color: ",";\n"])),(function(e){return e.theme.typography.captionRegular.lineHeight}),(function(e){return e.theme.typography.captionRegular.weight}),(function(e){return e.theme.typography.captionRegular.letter}),(function(e){var t=e.$size,n=e.theme.typography;return t?"".concat(t/16,"rem"):n.captionRegular.size}),(function(e){return e.theme.colors.black})),y=g.ZP.div(a||(a=(0,d.Z)(["\n  margin: ",";\n  display: flex;\n  ","\n"])),(function(e){var t=e.theme.spacing;return"-".concat(t.spacing005," 0.313rem 0 ").concat(t.spacing0025)}),(function(e){var t=e.size;return t&&"& > svg {\n  height: ".concat(t/16,"rem;\n  width: ").concat(t/16,"rem;\n}")})),b=(0,g.iv)(o||(o=(0,d.Z)(["\n  background-repeat: repeat-x;\n  background-image: url(\"data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 48.1' enable-background='new 0 0 24 48.1' xml:space='preserve'%3E%3Cpath \n  fill='","' d='M21.9,32.6C21.8,32.2,21.4,32,21,32h-5.4l-2.7-5.4c-0.3-0.7-1.4-0.7-1.8,0L8.4,32H3c-0.4,0-0.8,0.2-0.9,0.6C1.9,33,2,33.4,2.3,33.7l4.6,4.6L5,44.7c-0.1,0.4,0,0.8,0.4,1.1c0.3,0.2,0.8,0.3,1.1,0l5.4-3.6l5.4,3.6c0.2,0.1,0.4,0.2,0.6,0.2s0.4-0.1,0.6-0.2c0.3-0.2,0.5-0.7,0.4-1.1l-1.8-6.4l4.6-4.6C22,33.4,22.1,33,21.9,32.6z'/%3E%3Cpath fill='%23CCCCCC' d='M21.9,8.6C21.8,8.2,21.4,8,21,8h-5.4l-2.7-5.4c-0.3-0.7-1.4-0.7-1.8,0L8.4,8H3C2.6,8,2.2,8.2,2.1,8.6C1.9,9,2,9.4,2.3,9.7l4.6,4.6L5,20.7c-0.1,0.4,0,0.8,0.4,1.1c0.3,0.2,0.8,0.3,1.1,0l5.4-3.6l5.4,3.6c0.2,0.1,0.4,0.2,0.6,0.2s0.4-0.1,0.6-0.2c0.3-0.2,0.5-0.7,0.4-1.1l-1.8-6.4l4.6-4.6C22,9.4,22.1,9,21.9,8.6z'/%3E%3C/svg%3E\");\n  background-size: ","\n    auto;\n"])),(function(e){var t=e.fill;return(null===t||void 0===t?void 0:t.replace("#","%23"))||"%23333333"}),(function(e){var t=e.size,n=e.theme.spacing;return t?"".concat(t/16,"rem"):n.spacing02})),O=g.ZP.div(c||(c=(0,d.Z)(["\n  width: ","%;\n  height: 100%;\n  background-position: 0 100%;\n  ","\n"])),(function(e){return e.percent}),b),w=g.ZP.div(l||(l=(0,d.Z)(["\n  width: 100%;\n  max-width: ",";\n  height: ",";\n  overflow: hidden;\n  margin-right: 0.625rem;\n  margin-top: ",";\n  ","\n"])),(function(e){var t=e.theme.spacing,n=e.size;return n?"".concat(5*n/16,"rem"):t.spacing10}),(function(e){var t=e.theme.spacing,n=e.size;return n?"".concat(n/16,"rem"):t.spacing02}),(function(e){var t=e.theme.spacing;return"-".concat(t.spacing0025)}),b),E=["rating","opinionText","type","valuable","marginValue","handleValue","fill","size","divideInMarginValueParts"];function j(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function P(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?j(Object(n),!0).forEach((function(t){(0,s.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):j(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Z=function(e){var t=e.rating,n=e.opinionText,r=e.type,i=e.valuable,a=e.marginValue,o=void 0===a?10:a,c=e.handleValue,l=e.fill,s=e.size,d=e.divideInMarginValueParts,g=(0,p.Z)(e,E),b=(0,f.useState)(10*t),j=(0,u.Z)(b,2),Z=j[0],x=j[1],C=(0,f.useState)(10*t),k=(0,u.Z)(C,2),z=k[0],D=k[1],A=d?o:10;return i?f.createElement(h,P({},g),f.createElement(w,{onMouseMove:function(e){var t,n=e.target;t=1.25*(e.clientX-n.getBoundingClientRect().left),x(100*Math.ceil(t*A/(s?6.3*s:100.8))/A)},onClick:function(){return D(Z),void(c&&c((d&&Z*o/10||Z)/10))},onMouseLeave:function(){return x(z)},fill:l,size:s,"data-testid":"rating-bar"},f.createElement(O,{percent:Z,fill:l,size:s}))):r&&1===r?f.createElement(h,P({},g),f.createElement(v,{$size:s},t),f.createElement(y,{size:s},f.createElement(m.J,{icon:"vote_star_filled",small:!0,"data-testid":"icon-star"})),n&&f.createElement(v,{$size:s},n)):f.createElement(h,P({},g),f.createElement(w,{fill:l,size:s},f.createElement(O,{percent:10*t,fill:l,size:s,"data-testid":"percent-bar"})),n&&f.createElement(v,{$size:s},n))}},54136:(e,t,n)=>{n.r(t),n.d(t,{default:()=>h});var r=n(71893),i=n(91044),a=n(30305);function o(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function c(){var e=o(["\n  display: flex;\n  flex-direction: column;\n  margin-top: ",";\n"]);return c=function(){return e},e}function l(){var e=o(["\n  "," {\n    margin-bottom: ",";\n  }\n"]);return l=function(){return e},e}var s=r.ZP.div(c(),(function(e){return e.theme.spacing.spacing06})),u=(0,r.ZP)(i.X)(l(),a.B.desktop,(function(e){return e.marginBottom?e.theme.spacing.spacing03:"0"})),p=n(28225),f=n(16186),m=n(67294);function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function g(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!==typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,a=[],o=!0,c=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);o=!0);}catch(e){c=!0,i=e}finally{try{o||null==n.return||n.return()}finally{if(c)throw i}}return a}}(e,t)||function(e,t){if(!e)return;if("string"===typeof e)return d(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(n);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return d(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}const h=function(e){var t=e.id,n=e.productId,r=e.rating,i=e.totalComments,a=void 0===i?0:i,o=e.totalValorationsWithText,c=void 0===o?0:o,l=e.valorationAverage,d=void 0===l?0:l,h=e.recommend,v=void 0===h?0:h,y=e.functionalFeaturesAverages,b=g((0,p.$G)(),1)[0],O=parseFloat((d/2).toFixed(1));return m.createElement(s,{id:t},m.createElement(u,{as:"h2",marginBottom:!0},b("valoration.title_plural")),m.createElement(f.J,{productId:n,rating:{rating:r,totalComments:a,totalValorationsWithText:c,recommend:v,valorationAverage:O,functionalFeaturesAverages:y}}))}}}]);
//# sourceMappingURL=ProductRating.js.map