"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[5205],{70112:(n,t,e)=>{e.r(t),e.d(t,{default:()=>bn});var r,o,i,c,a,s,l,p,u,d,f,b,g=e(4942),h=e(29439),m=(e(92087),e(92222),e(21249),e(47941),e(82526),e(57327),e(38880),e(89554),e(54747),e(49337),e(33321),e(69070),e(67294)),v=e(28225),w=e(71893),y=e(30168),O=e(91044),j=e(51062),x=e(3323),Z=e(7730),P=(0,w.ZP)(O.X)(r||(r=(0,y.Z)(["\n  ","\n  margin-bottom: 0;\n"])),j.g.header.h3),C=w.ZP.div(o||(o=(0,y.Z)(["\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: ",";\n  padding-bottom: ",";\n"])),(function(n){return n.theme.spacing.spacing01}),(function(n){return n.theme.spacing.spacing03})),D=w.ZP.div(i||(i=(0,y.Z)(["\n  display: flex;\n"]))),E=(0,w.ZP)(x.i)(c||(c=(0,y.Z)(["\n  width: ",";\n"])),(function(n){return n.theme.spacing.spacing11})),k=(0,w.ZP)(Z.Z)(a||(a=(0,y.Z)(["\n  text-decoration: underline;\n  cursor: pointer;\n"]))),L=w.ZP.div(s||(s=(0,y.Z)(["\n  display: flex;\n  gap: ",";\n  flex-wrap: wrap;\n"])),(function(n){return n.theme.spacing.spacing01})),I=e(64815),R=e(45987),A=e(63742),S=e(53397),_=e(52221),$=e(22981),T=e(30305),N=e(85664),B=e(54882),G=e(46229),M=w.ZP.div(l||(l=(0,y.Z)(["\n  position: relative;\n"]))),W=((0,w.ZP)(N.C)(p||(p=(0,y.Z)(["\n  width: max-content;\n  margin: 0;\n  display: flex;\n  gap: 4px;\n  padding: 0.25rem 0.5rem;\n  flex-direction: ",";\n\n  &.flag-trending {\n    display: none;\n  }\n"])),(function(n){return n.isRight?"row-reverse":"row"})),(0,w.ZP)(B.J)(u||(u=(0,y.Z)(["\n  z-index: 2;\n  display: flex;\n  align-items: flex-start;\n  width: auto;\n  top: calc(100% + 0.5rem);\n"])))),X=(0,w.ZP)(G.z)(d||(d=(0,y.Z)(["\n  padding: unset;\n  align-items: start;\n  &:hover {\n    background-color: white;\n  }\n  &:focus {\n    border: none;\n  }\n"]))),J=w.ZP.p(f||(f=(0,y.Z)(["\n  &&& {\n    margin-bottom: unset;\n  }\n"]))),U=(w.ZP.span(b||(b=(0,y.Z)(["\n  ",";\n  color: ",";\n  background: transparent;\n"])),j.g.captionBold,(function(n){return n.color})),e(85893));function V(n,t){var e=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),e.push.apply(e,r)}return e}function Y(n){for(var t=1;t<arguments.length;t++){var e=null!=arguments[t]?arguments[t]:{};t%2?V(Object(e),!0).forEach((function(t){(0,g.Z)(n,t,e[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):V(Object(e)).forEach((function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(e,t))}))}return n}var H="opened",z="closed";const K=function(n){var t=n.children,e=n.contentPopover,r=(0,$.EB)(T.B.desktop),o=(0,m.useState)(!1),i=(0,h.Z)(o,2),c=i[0],a=i[1],s=function(n,t){n.stopPropagation(),n.preventDefault(),t===H&&a(!0),t===z&&a(!1)};return e?(0,U.jsxs)(M,{children:[(0,U.jsx)("span",Y(Y(Y({},!r&&{onClick:function(n){return s(n,H)}}),r&&{onMouseEnter:function(){return a(!c)},onMouseLeave:function(){return a(!c)}}),{},{children:t})),(0,U.jsxs)(W,{noArrow:!0,active:c,"data-testid":"popover",children:[(0,U.jsx)(J,{children:e}),!r&&(0,U.jsx)(X,{ghost:!0,icon:!0,onClick:function(n){return s(n,z)},children:(0,U.jsx)(A.J,{small:!0,icon:"remove"})})]})]}):t};var F,q,Q=(0,w.ZP)(N.C)(F||(F=(0,y.Z)(["\n  width: max-content;\n  margin: 0;\n  display: flex;\n  gap: 4px;\n  padding: 0.25rem 0.5rem;\n  flex-direction: ",";\n  border: ",";\n  &.flag-trending {\n    display: none;\n  }\n"])),(function(n){return n.isRight?"row-reverse":"row"}),(function(n){var t=n.outline,e=n.textColor;return t&&"1px solid ".concat(e)})),nn=w.ZP.span(q||(q=(0,y.Z)(["\n  ",";\n  color: ",";\n  background: transparent;\n"])),j.g.captionBold,(function(n){return n.color})),tn=["text","popoverText","icon","textColor"];function en(n,t){var e=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),e.push.apply(e,r)}return e}function rn(n){for(var t=1;t<arguments.length;t++){var e=null!=arguments[t]?arguments[t]:{};t%2?en(Object(e),!0).forEach((function(t){(0,g.Z)(n,t,e[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):en(Object(e)).forEach((function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(e,t))}))}return n}const on=function(n){var t=n.flag,e=n.discountInCartValue,r=(0,v.$G)(),o=(0,h.Z)(r,1)[0];if(!e&&t===_.W.DISCOUNT_CART)return null;var i=function(n,t,e){var r,o=S.n.light.colors,i={pcRecommended:t("product.label.recommended"),discountInCart:"-".concat(e||0,"€ ").concat(t("product.label.discountCart"))},c=i.pcRecommended,a=i.discountInCart;return(r={},(0,g.Z)(r,_.W.RECOMMENDATION,{text:c,icon:"interface_information",textColor:o.white,bgColor:o.brandBlue.main,outline:!1,iconPosition:_.I.RIGHT,popoverText:t("product.card.flags.pcrecommended.popoverText")}),(0,g.Z)(r,_.W.DISCOUNT_CART,{text:a,textColor:o.brand.main,bgColor:o.white,outline:!0}),r)[n]||{text:null}}(t,o,e),c=i.text,a=i.popoverText,s=i.icon,l=i.textColor,p=(0,R.Z)(i,tn);return(0,U.jsx)(K,{contentPopover:a,children:(0,U.jsxs)(Q,rn(rn({},p),{},{isRight:!0,textColor:l,children:[s&&(0,U.jsx)(A.J,{icon:s,fill:l,small:!0}),(0,U.jsx)(nn,{color:l,children:c})]}))})};var cn,an,sn=e(42347),ln=w.ZP.span(cn||(cn=(0,y.Z)(["\n  ",";\n  display: inline-block;\n"])),j.g.captionRegular),pn=(0,w.ZP)(sn.r)(an||(an=(0,y.Z)(["\n  display: inline-block;\n"])));const un=function(n){var t=n.brandLink,e=n.brandName,r=n.reference,o=n.articleId,i=n.pnId,c=n.codeId,a=(0,v.$G)(),s=(0,h.Z)(a,1)[0];return(0,U.jsxs)("div",{children:[(0,U.jsxs)(ln,{children:[(0,U.jsx)(pn,{decorated:!0,href:t,children:e})," ",(0,U.jsx)("span",{id:i,children:r})]})," | ",(0,U.jsxs)(ln,{children:[s("lightbox.code.article"),": ",(0,U.jsx)("span",{id:c,children:o})]})]})};function dn(n,t){var e=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),e.push.apply(e,r)}return e}function fn(n){for(var t=1;t<arguments.length;t++){var e=null!=arguments[t]?arguments[t]:{};t%2?dn(Object(e),!0).forEach((function(t){(0,g.Z)(n,t,e[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):dn(Object(e)).forEach((function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(e,t))}))}return n}const bn=function(n){var t=n.title,e=n.valoration,r=n.opinionsNum,o=n.className,i=n.eventName,c=void 0===i?"":i,a=n.flags,s=n.articleIdentifiers,l=n.discountInCartValue,p=n.titleId,u=n.sectionId,d=n.scrollToId,f=(0,v.$G)(),b=(0,h.Z)(f,1)[0],g=(0,w.Fg)(),y=(0,I.v)(),O=(0,m.useCallback)((function(){return y.publish({name:c,payload:{id:d}})}),[y,c,d]);return(0,U.jsxs)(C,{className:o,id:u,children:[(0,U.jsx)(P,{id:p,children:t}),e?(0,U.jsxs)(D,{children:[(0,U.jsx)(E,{rating:e,fill:g.colors.warning.main}),(0,U.jsx)(k,{typo:"body2Regular",onClick:O,"data-wa-hit-type":"event","data-wa-event-category":"product detail page","data-wa-event-action":"product-cta-reviews","data-wa-event-label":"product-cta-reviews","data-wa-event-value":"","data-wa-event-non-interaction":"false",children:"(".concat(r," ").concat(b("productDetail.titleWithRating.opinionsText"),")")})]}):(0,U.jsx)(k,{typo:"body2Regular",onClick:O,children:b("productDetail.titleWithRating.noValorationsText")}),!(null===a||void 0===a||!a.length)&&(0,U.jsx)(L,{children:a.map((function(n){return(0,U.jsx)(on,{flag:n,discountInCartValue:l},n)}))}),s&&(0,U.jsx)(un,fn({},s))]})}},22981:(n,t,e)=>{e.d(t,{GS:()=>s,EB:()=>l});var r=e(90542),o=e(67294);var i=e(29715),c={media:"",matches:!1,onchange:i.Z,addListener:i.Z,removeListener:i.Z,addEventListener:i.Z,removeEventListener:i.Z,dispatchEvent:function(n){return!0}},a=function(n){return function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],i=(0,o.useState)(e),a=(0,r.Z)(i,2),s=a[0],l=a[1],p=function(n){return"string"===typeof n?n.replace(/@media\s/,""):Object.entries(n).map((function(n){var t=(0,r.Z)(n,2),e=t[0],o=t[1],i=e.replace(/[A-Z]/g,(function(n){return"-".concat(n.toLowerCase())})).toLowerCase(),c=o;return"boolean"===typeof c?c?i:"not ".concat(i):("number"===typeof c&&/[height|width]$/.test(i)&&(c="".concat(c,"px")),"(".concat(i,": ").concat(c,")"))})).join(" and ")}(t);return n((function(){var n=!0,t="undefined"===typeof window?c:window.matchMedia(p),e=function(){n&&l(Boolean(t.matches))};return t.addListener(e),l(t.matches),function(){n=!1,t.removeListener(e)}}),[p]),s}},s=a(o.useEffect),l=a("undefined"!==typeof window?o.useLayoutEffect:o.useEffect)},54882:(n,t,e)=>{e.d(t,{J:()=>P});var r,o,i,c,a,s,l,p,u,d,f,b,g=e(96891),h=e(39780),m=e(67294),v=e(82856),w=e(71893),y=e(81529),O=function(n){switch(n){case"black":return y.Z.colors.black;case"danger":return y.Z.colors.danger.main;case"secondary":return y.Z.colors.secondary.main;case"success":return y.Z.colors.success.main;default:return y.Z.colors.white}},j=w.ZP.div(r||(r=(0,v.Z)(["\n  width: max-content;\n  max-width: 17rem;\n  padding: ",";\n  border-radius: ",";\n  position: absolute;\n  color: ",";\n  background-color: ",";\n  text-align: left;\n  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.14))\n    drop-shadow(0px 1px 10px rgba(0, 0, 0, 0.12));\n  transition: opacity 0.5s ease, visibility 0.5s ease;\n  ",";\n\n  &::before {\n    content: '';\n    width: 0;\n    height: 0;\n    position: absolute;\n    border-style: solid;\n    border-width: ",";\n    border-color: transparent;\n  }\n\n  ","\n\n  ","\n"])),(function(n){return n.theme.spacing.spacing02}),(function(n){return n.theme.spacing.spacing005}),(function(n){var t=n.$color,e=n.theme;return"white"===t?e.colors.black:e.colors.white}),(function(n){var t=n.$color;return O(t)}),(function(n){return n.$active?(0,w.iv)(o||(o=(0,v.Z)(["\n          opacity: 1;\n          visibility: visible;\n        "]))):(0,w.iv)(i||(i=(0,v.Z)(["\n          opacity: 0;\n          visibility: hidden;\n        "])))}),(function(n){return n.theme.spacing.spacing01}),(function(n){var t=n.$position,e=n.$color;switch(t){case"topLeft":return(0,w.iv)(c||(c=(0,v.Z)(["\n          left: 0;\n          bottom: calc(100% + ",");\n\n          &::before {\n            left: ",");\n            top: 100%;\n            border-bottom-width: 0;\n            border-top-color: ",";\n          }\n        "])),(function(n){return n.theme.spacing.spacing02}),(function(n){return n.theme.spacing.spacing02}),O(e));case"topCenter":return(0,w.iv)(a||(a=(0,v.Z)(["\n          left: 50%;\n          bottom: calc(100% + ",");\n          transform: translateX(-50%);\n\n          &::before {\n            left: 50%;\n            transform: translateX(-50%);\n            top: 100%;\n            border-bottom-width: 0;\n            border-top-color: ",";\n          }\n        "])),(function(n){return n.theme.spacing.spacing02}),O(e));case"topRight":return(0,w.iv)(s||(s=(0,v.Z)(["\n          right: 0;\n          bottom: calc(100% + ",");\n\n          &::before {\n            right: ",";\n            top: 100%;\n            border-bottom-width: 0;\n            border-top-color: ",";\n          }\n        "])),(function(n){return n.theme.spacing.spacing02}),(function(n){return n.theme.spacing.spacing02}),O(e));case"centerRight":return(0,w.iv)(l||(l=(0,v.Z)(["\n          left: calc(100% + ",");\n          top: 50%;\n          transform: translateY(-50%);\n\n          &::before {\n            right: 100%;\n            top: 50%;\n            transform: translateY(-50%);\n            border-left-width: 0;\n            border-right-color: ",";\n          }\n        "])),(function(n){return n.theme.spacing.spacing02}),O(e));case"centerLeft":return(0,w.iv)(p||(p=(0,v.Z)(["\n          right: calc(100% + ",");\n          top: 50%;\n          transform: translateY(-50%);\n\n          &::before {\n            left: 100%;\n            top: 50%;\n            transform: translateY(-50%);\n            border-right-width: 0;\n            border-left-color: ",";\n          }\n        "])),(function(n){return n.theme.spacing.spacing02}),O(e));case"bottomCenter":return(0,w.iv)(u||(u=(0,v.Z)(["\n          left: 50%;\n          transform: translateX(-50%);\n          top: calc(100% + ",");\n\n          &::before {\n            left: 50%;\n            transform: translateX(-50%);\n            bottom: 100%;\n            border-top-width: 0;\n            border-bottom-color: ",";\n          }\n        "])),(function(n){return n.theme.spacing.spacing02}),O(e));case"bottomRight":return(0,w.iv)(d||(d=(0,v.Z)(["\n          right: 0;\n          top: calc(100% + ",");\n\n          &::before {\n            right: ",";\n            bottom: 100%;\n            border-top-width: 0;\n            border-bottom-color: ",";\n          }\n        "])),(function(n){return n.theme.spacing.spacing02}),(function(n){return n.theme.spacing.spacing02}),O(e));default:return(0,w.iv)(f||(f=(0,v.Z)(["\n          left: 0;\n          top: calc(100% + ",");\n\n          &::before {\n            left: ",";\n            bottom: 100%;\n            border-top-width: 0;\n            border-bottom-color: ",";\n          }\n        "])),(function(n){return n.theme.spacing.spacing02}),(function(n){return n.theme.spacing.spacing02}),O(e))}}),(function(n){return n.$noArrow&&(0,w.iv)(b||(b=(0,v.Z)(["\n      &::before {\n        display: none;\n      }\n    "])))})),x=["active","children","noArrow","popoverColor","popoverPosition"];function Z(n,t){var e=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),e.push.apply(e,r)}return e}var P=function(n){var t=n.active,e=n.children,r=n.noArrow,o=void 0!==r&&r,i=n.popoverColor,c=void 0===i?"white":i,a=n.popoverPosition,s=void 0===a?"bottomLeft":a,l=(0,h.Z)(n,x);return m.createElement(j,function(n){for(var t=1;t<arguments.length;t++){var e=null!=arguments[t]?arguments[t]:{};t%2?Z(Object(e),!0).forEach((function(t){(0,g.Z)(n,t,e[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):Z(Object(e)).forEach((function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(e,t))}))}return n}({$active:t,$color:c,$position:s,$noArrow:o},l),e)}}}]);
//# sourceMappingURL=TitleWithProductInfo.js.map